Übersicht
Das HTML-Element <div>
(Englisch: HTML Document Division Element) ist ein allgemeiner Container für fließenden Inhalt, dem keine semantische Bedeutung zugeordnet wird.
Der wesentliche Unterschied zwischen <div>
und anderen Block-Elementen wie beispielsweise <article>
oder <p>
ist die semantische Bedeutung bzw. das Fehlen dieser. Während <article>
einen Artikel, einen eigenständigen Bereich eines Dokuments darstellt und <p>
einen Textabsatz, gibt <div>
seinem Inhalt keine Bedeutung.
<div>
sollte deshalb nur genutzt werden, falls kein anderes Block-Element eine zutreffendere Aussage macht.
Der Einsatzbereich von <div>
ist die Gruppierung von Elementen alleine zum Zweck der Gestaltung oder des programmatischen Zugriffs (mit Hilfe des class- oder id-Attributs), oder weil sie die gleichen Attribut-Werte besitzen, wie zum Beispiel das Attribut lang.
Inhaltskategorien | Fließender Inhalt, greifbarer Inhalt. |
---|---|
Erlaubter Inhalt | Fließender Inhalt. |
Tag Auslassung | Keine, sowohl das Anfangs- als auch das End-Tag sind erforderlich. |
Erlaubte Elternelemente | Jedes Element, dass fließenden Inhalt erlaubt. |
DOM-Schnittstelle | HTMLDivElement |
Attribute
Dieses Element unterstützt nur die globalen Attribute, insbesondere class
und id
.
HTML5 Das align-Attribut ist für <div>
-Elemente nicht mehr zulässig.
Beispiel
HTML
<div class="beispiel">
<p>Dies ist ein sehr interessanter Hinweis
in einem hübsch dekorierten Kasten.
</p>
</div>
CSS
.beispiel {
width: 15em;
border: 1px solid #333;
box-shadow: 8px 8px 5px #444;
padding: 8px 12px;
background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
}
Ergebnis
Spezifikationen
Spezifikation | Status | Kommentar |
---|---|---|
HTML Living Standard Die Definition von '<div>' in dieser Spezifikation. |
Lebender Standard | |
HTML5 Die Definition von '<div>' in dieser Spezifikation. |
Empfehlung | |
HTML 4.01 Specification Die Definition von '<div>' in dieser Spezifikation. |
Empfehlung |