Die Trennlinie markiert einen inhaltlichen Einschnitt zwischen zwei Abschnitten. Die Linie, die Browser dafür zeichnen, ist nur die übliche Darstellung.
- Trennlinie (hr)
Element, das einen thematischen Einschnitt auf Absatzebene markiert.
Beispiel: „Eine Trennlinie trennt zwei Abschnitte inhaltlich, nicht nur optisch.“Auch: hr-Element, Trennlinie.
Das Element hat keinen Inhalt und kein schließendes Tag.
Die Bedeutung vor der Linie
Die Spezifikation beschreibt es als a paragraph-level thematic break. Gemeint ist der Einschnitt, den man in einem Buch an einer Leerzeile mit Sternchen erkennt: ein Szenenwechsel, der Wechsel zu einem anderen Thema innerhalb desselben Kapitels.
Das Kürzel kommt von horizontal rule, der waagerechten Linie. Der Name stammt aus der Zeit, als das Element genau das war; seine Bedeutung hat sich seither von der Darstellung gelöst. Wie der Einschnitt aussieht, bestimmt das Stylesheet.
<p>… damit endet die Analyse.</p>
<hr>
<p>Kommen wir zur Umsetzung.</p>Wann CSS die bessere Wahl ist
Eine Linie zwischen zwei Layoutbereichen, ein Strich unter einer Überschrift, eine Trennung zwischen zwei Spalten: All das ist Gestaltung und gehört in das Stylesheet. Dort lässt sich die Linie frei gestalten und kostet keine Bedeutung.
Die Prüffrage ist dieselbe wie bei allen Elementen: Würde der Einschnitt auch jemandem fehlen, der die Seite nur vorgelesen bekommt? Wenn ja, ist hr richtig. Wenn es nur um die Optik geht, nicht.