HTML-Tag <hr>

❮ Vorige Nächste ❯

In HTML 5 wird das Tag <hr> für die thematische Unterteilung des Inhalts auf der Webseite verwendet. In den früheren Versionen von HTML wurde es auf den Webseiten für die Gestaltung von horizontalen Linien, die den Inhalt visuell unterteilen, verwendet. In der neuen Version hat es auch inhaltliche Belastung und bestimmt nicht nur visuelle, sondern auch thematische Unterteilung des Inhalts.

Syntax <hr>

Das Tag <hr> wird ungepaart verwendet, kein Endtag ist notwendig. In XHTML ist jedoch das Endtag (<hr/>) obligatorisch.

Da das Tag <hr> ein Block-Element ist, werden alle Elemente nach ihm an eine neue Zeile übertragen. Das vom Tag bestimmte Aussehen der horizontalen Linie hängt vom Browsertyp ab. Zumeist wird es in einem Rahmen, der einen dreifachen Effekt hat, dargestellt.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
       <h1>Fußbal</h1>
       <p>Fußball ist eine Ballsportart, bei der zwei Mannschaften mit dem Ziel gegeneinander antreten, mehr Tore als der Gegner zu erzielen.</p>
       <hr>
       <h1>Basketball</h1>
       <p>Basketball ist eine meist in der Halle betriebene Ballsportart, bei der zwei Mannschaften versuchen, den Ball in den jeweils gegnerischen Korb zu werfen.</p>
   </body>
</html>

Versuch es selber!

Ergebnis

Die Attribute des Tages <hr> werden in HTML5 nicht unterstützt, anstatt deren werden CSS-Stile verwendet.

Attribute

Attribut	Wert	Beschreibung
align	left center right	Es definiert die horizontale Ausrichtung der Linie. Es wird in HTML5 nicht unterstützt.
noshade	noshade	Es definiert, dass die Linie ohne 3D-Effekt angezeigt werden muss. Es wird in HTML5 nicht unterstützt.
size	pixels	Es definiert die Höhe des Elements. Es wird in HTML5 nicht unterstützt.
width	pixels %	Es definiert die Breite des Elements. Es wird in HTML5 nicht unterstützt.