HTML Tag hr:
Horizontale Linie

von Thomas Salvador.

Beispiel

ein paar Linien:

<hr width="50%" align="center" />
<hr width="200" size="5" align="right" />
<hr size="5" width="200" align="left" noshade="noshade" />

Anwendung

<hr> wird verwendet, um eine horizontale Linie zu erzeugen, was der stärkeren visuellen Trennung von zwei Bereichen dient.

Die übliche Darstellung erfolgt mit einem 3D-Effekt, der jedoch nur früher auf dem seinerzeit standardmäßig "grauen" Hintergrund hübsch aussah. Hat man auch heute diese oder eine ähnliche Farbe vorgesehen, ist es gut. Bei der eher üblichen Einstellung "weiß" sieht es jedoch schlimm aus und kann mit noshade unterdrückt werden.

Attribute

Der HTML-Befehl <hr> nutzt die HTML-Attribute:

AttributBeschreibung
alignHorizontale Ausrichtung der horizontalen Linie
classSpace-separierte Liste von CSS-Klassen
dirAusrichtung von Text und Tabellen
idUniversalattribut
langSprache des Elementes
noshadehorizontale Linie ohne 3D-Effekt
onclickAuszuführender Javascript-Code bei Klick
ondblclickAuszuführender Javascript-Code bei Doppelklick
onkeydownAuszuführender Javascript-Code bei Drücken einer Taste
onkeypressAuszuführender Javascript-Code bei gedrückt gehaltener Taste
onkeyupAuszuführender Javascript-Code bei Loslassen einer Taste
onmousedownAuszuführender Javascript-Code bei Drücken einer Maustaste
onmousemoveAuszuführender Javascript-Code, wenn die Maus bewegt wird
onmouseoutAuszuführender Javascript-Code, wenn die Maus das Element verlässt
onmouseoverAuszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird
onmouseupAuszuführender Javascript-Code bei Loslassen einer Maustaste
sizeDicke der horizontalen Linie
styleInline Style
titleBezeichnender Titel
widthBreite der Linie

Browserunterstützung

<hr> wird mindestens von den HTML Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN verstanden.

Standards

Die Anweisung <hr> wird zumindest in den Standards HTML und XHTML definiert.

Inhalte

Der HTML Befehl <hr> enthält keine Befehle.

Verwendung

<hr> kann in den HTML Anweisungen <blockquote>, <body>, <button>, <center>, <dd>, <div>, <fieldset>, <form>, <iframe>, <li>, <noframes>, <noscript>, <object>, <td> und <th> enthalten sein.

Hinweise

Manche Browser, wie der IE, sind dazu übergegangen die Linie per Voreinstellung ohne Schatten zu zeichnen. Man sollte es jedoch explizit fordern, wenn man es wünscht, damit es auf allen Browsern gleich aussieht.

Weitere Beispiele und Lösungen

Keine.