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>

Ergebnis

hr beispiel
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.

Das Tag <hr> unterschtützt Globale Attribute und Globale Eventhandler.

Browser-Support

chrome edge firefox safari opera

Übe dein Wissen

Was ist der Zweck des HTML-Tags <hr>?
Finden Sie das nützlich?