Erstellen von Zeilenumbrüchen und Absätzen mit den P- und BR-Tags

Wenn es um das Erlernen von HTML geht, sind zwei Tags, die die meisten Leute früh lernen, die Absatz- und Zeilenumbruch-Tags 

 und 
beziehungsweise. Diese Tags setzen natürliche Umbrüche in Ihren Text, damit der Inhalt Ihrer Webseite leichter zu lesen ist. Obwohl diese Tags ziemlich einfach zu verwenden sind, können sie auch zu Verwirrung führen und missbraucht werden.

Korrekte Verwendung des HTML-Absatzelements

Das Absatzelement

wird als Tag-Paar mit dem 

 Tag das Element öffnen und die 

 Tag schließen es. Schriftlich HTML4 oder HTML5, ist das End-Tag technisch nicht erforderlich, es wird jedoch als bewährte Methode angesehen, dieses Tag zu schließen. In XHTML ist das Schließen erforderlich.

Sie verwenden das Absatzelement auf einer Website genauso wie beim Schreiben von Inhalten für Off-Web-Anforderungen – wenn Sie eine neue Idee oder einen neuen Punkt beginnen möchten. Die meisten Browser zeigen Absätze mit einer Leerzeile dazwischen an. Hier ist ein Beispielabsatz in HTML:

Jetzt ist die Zeit für alle guten Männer, ihrem Land zu Hilfe zu kommen. Der flinke braune Fuchs sprang über den faulen schlafenden Hund.

watch instagram stories

Viele andere Tags können zwischen den öffnenden und schließenden Absatz-Tags erscheinen.

Korrekte Verwendung des HTML-Zeilenumbruchelements

Das Zeilenumbruchelement
tag ist a Singleton-Tag — es hat kein End-Tag. In XHTML müssen Sie das Tag mit einem abschließenden Schrägstrich (
), aber in HTML (einschließlich HTML5) ist es nicht erforderlich.

Das Break-Element ist ein erzwungener Zeilenumbruch innerhalb des Textflusses der Webseite. Sie verwenden es, wenn der Text in der nächsten Zeile fortgesetzt werden soll, der Inhalt jedoch keine separate Idee oder ein separater Punkt ist, was ihn zu einem weiteren Absatz machen würde. Ein Beispiel dafür tritt bei Poesie auf, bei der Zeilenumbrüche normalerweise fixiert werden.

Hier ist ein Beispiel für einen Zeilenumbruch innerhalb eines Absatzes:

Jetzt ist die Zeit für alle guten Männer, ihrem Land zu Hilfe zu kommen.

Der flinke braune Fuchs sprang über den faulen schlafenden Hund.


Da das Zeilenumbruch-Tag ein Singleton-Tag ist, können keine anderen Tags darin verwendet werden.

Häufige Missbräuche der

und
Stichworte

Programmieranfänger machen einige häufige Fehler mit den Absatz- und Zeilenumbruchelementen, wenn sie eine Webseite markieren.

  • Verwenden von
    um die Länge einer Textzeile zu ändern
    : Durch die Verwendung des Break-Tags, um zu erzwingen, dass der Text auf eine bestimmte Weise erscheint oder umbricht, wird sichergestellt, Ihre Seiten sehen in Ihrem Browser gut aus, aber nicht unbedingt in einem anderen Browser und schon gar nicht in allen Geräte. Wenn Ihre Website ein Responsive Website, ändert es sein Layout basierend auf verschiedenen Bildschirmgrößen. Der Browser setzt automatisch Zeilenumbrüche ein, und dann, wenn es um die
    -Tag wird der Text erneut umbrochen, was zu kurzen und langen Zeilen und abgehacktem Text führt. Du solltest benutzen CSS-Stylesheets um visuelle Stile zu diktieren, anstatt zu versuchen, das Layout durch Hinzufügen bestimmter HTML-Elemente zu erzwingen.
  • Verwenden von um Platz zwischen Elementen hinzuzufügen: Auch hier wird HTML verwendet, um ein visuelles Layout zu erstellen, in diesem Fall Abstände, anstatt CSS zu verwenden. Dies ist eine gängige Praxis einiger HTML-Editoren, und obwohl dies technisch nicht falsch ist, führt es zu einem umständlich aussehenden HTML und kann bei der späteren Bearbeitung verwirrend sein. Es entspricht auch nicht den Webstandards und der Trennung von Struktur und Stil. In einigen Fällen mit bruchsicherem Leerzeichen innerhalb ansonsten leerer Absatz-Tags kann in verschiedenen Browsern zu unerwarteten Abständen führen, da alle dies unterschiedlich zu interpretieren scheinen. Die beste Lösung, um die in Ihrem Design benötigten Abstandselemente zu erreichen, ist die Verwendung von Stylesheets.
instagram story viewer