Beispiel
Verwenden Sie die <hr> -Tag eine thematische Änderung des Inhalts zu definieren:
<h1>HTML</h1>
<p>HTML is a language for describing web pages.....</p>
<hr>
<h1>CSS</h1>
<p>CSS defines how to display HTML elements.....</p>
Versuch es selber " Definition und Verwendung
Die <hr> Tag definiert eine thematische Pause in einer HTML - Seite (zB eine Verschiebung Thema).
Das <hr> Element wird verwendet , um Inhalte zu trennen (oder eine Änderung definieren) in einer HTML - Seite.
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <hr> | ja | ja | ja | ja | ja |
Unterschiede zwischen HTML 4.01 und HTML5
In HTML5, das <hr> definiert Tag eine thematische Pause.
In HTML 4.01, das <hr> steht für Tag eine horizontale Linie.
Allerdings ist die <hr> kann Tag immer noch als eine horizontale Linie in visuellen Browsern angezeigt werden, wird aber nun in semantische Begriffe definiert, sondern als Präsentations - Bedingungen.
Alle layout - Attribute werden in HTML5 entfernt. Verwenden Sie CSS statt.
Unterschiede zwischen HTML und XHTML
In HTML, das <hr> hat Tag kein Ende - Tag.
In XHTML, das <hr> muss Tag richtig geschlossen werden, wie folgt aus : <hr /> .
Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| align | left center right | Nicht in HTML5 unterstützt. Gibt die Ausrichtung eines <hr> Element |
| noshade | noshade | Nicht in HTML5 unterstützt. Gibt an, dass ein <hr> Element in einer Farbe (noshaded), anstelle eines schattierten Farbe machen sollte |
| size | pixels | Nicht in HTML5 unterstützt. Gibt die Höhe eines <hr> Element |
| width | pixels % | Nicht in HTML5 unterstützt. Gibt die Breite eines <hr> Element |
globale Attribute
Die <hr> -Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Die <hr> -Tag unterstützt auch der Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - DOM - Referenz: HR - Objekt
Standard CSS-Einstellungen
Die meisten Browser erscheint auf dem Display <hr> mit den folgenden Standardwerte Element:
Beispiel
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right:
auto;
border-style: inset;
border-width: 1px;
}
Versuch es selber "