<hr>: Das Thematische Trennelement (Horizontale Linie)
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Das <hr>
HTML Element repräsentiert einen thematischen Bruch zwischen Elementen auf Absatzebene: zum Beispiel ein Szenenwechsel in einer Geschichte oder ein Themenwechsel innerhalb eines Abschnitts.
Probieren Sie es aus
<p>§1: The first rule of Fight Club is: You do not talk about Fight Club.</p>
<hr />
<p>§2: The second rule of Fight Club is: Always bring cupcakes.</p>
hr {
border: none;
border-top: 3px double #333;
color: #333;
overflow: visible;
text-align: center;
height: 5px;
}
hr::after {
background: #fff;
content: "§";
padding: 0 4px;
position: relative;
top: -13px;
}
Historisch wurde dies als horizontale Linie oder Regel dargestellt. Während es in visuellen Browsern möglicherweise immer noch als horizontale Linie angezeigt wird, wird dieses Element jetzt in semantischen Begriffen definiert, anstatt in darstellenden Begriffen. Wenn Sie eine horizontale Linie zeichnen möchten, sollten Sie dies mit geeignetem CSS tun.
Attribute
Zu den Attributen dieses Elements gehören die globalen Attribute.
align
Veraltet Nicht standardisiert-
Legt die Ausrichtung der Linie auf der Seite fest. Wenn kein Wert angegeben wird, ist der Standardwert
left
. color
Veraltet Nicht standardisiert-
Legt die Farbe der Linie durch Farbnamen oder hexadezimalen Wert fest.
noshade
Veraltet Nicht standardisiert-
Legt fest, dass die Linie keine Schattierung hat.
size
Veraltet Nicht standardisiert-
Legt die Höhe der Linie in Pixeln fest.
width
Veraltet Nicht standardisiert-
Legt die Länge der Linie auf der Seite durch einen Pixel- oder Prozentwert fest.
Beispiel
HTML
<p>
This is the first paragraph of text. This is the first paragraph of text. This
is the first paragraph of text. This is the first paragraph of text.
</p>
<hr />
<p>
This is the second paragraph of text. This is the second paragraph of text.
This is the second paragraph of text. This is the second paragraph of text.
</p>
Ergebnis
Technische Zusammenfassung
Inhaltskategorien | Flussinhalt. |
---|---|
Erlaubter Inhalt | Keiner; es ist ein void element. |
Tag-Auslassung | Es muss ein Start-Tag haben und darf kein End-Tag haben. |
Erlaubte Eltern |
|
Implizierte ARIA-Rolle | separator |
Erlaubte ARIA-Rollen |
presentation oder none
|
DOM-Schnittstelle | [`HTMLHRElement`](/de/docs/Web/API/HTMLHRElement) |
Spezifikationen
Specification |
---|
HTML # the-hr-element |