Zusammenfassung
Das HTML Element Section (<section>
) stellt eine allgemeine Unterteilung des Dokumentes dar, z.B. eine thematische Gruppierung des Inhaltes typischerweise mit einer Überschrift. Jeder <section>
Abschnitt sollte identifizierbar sein, üblicherweise durch Einfügen einer Überschrift (h1
-h6
Element) als Kindelement des <section>
Elementes.
Hinweis zur Benutzung:
- Wenn der Inhalt des {{HTMLElement("section")}} Elementes sinnvoll getrennt zu syndizieren ist, benutzt man stattdessen das {{HTMLElement("article")}} Element.
- {{HTMLElement("section")}} soll nicht als allgemeines Containerelement benutzt werden; dafür gibt es {{HTMLElement("div")}}. Insbesondere gilt dies, wenn die Einteilung ausschließlich für CSS-Zwecke gedacht ist. Als Faustformel gilt, dass ein mit {{HTMLElement("section")}} ausgezeichneter Abschnitt auch in der Gliederung des Dokumentes erscheinen sollte.
- Inhaltskategorien Fließender Inhalt, Abschnitte, greifbarer Inhalt.
- Erlaubter Inhalt Fließender Inhalt.
- Tag omission {{no_tag_omission}}
- Erlaubte Elternelemente Jedes Element das flow content erlaubt. Beachte, dass das {{HTMLElement("section")}} kein Nachkomme des {{HTMLElement("address")}} Elementes sein darf.
- DOM Schnittstelle {{domxref("HTMLElement")}}
Attribute
Dieses Element enthält nur globale Attribute.
Beispiele
<section> <h1>Heading</h1> <p>Bunch of awesome content</p> </section>
Beispiel 2
Bisher
<div> <h2>Heading</h2> <img>some image</img> </div>
Jetzt
<section> <h2>Heading</h2> <img>some image</img> </section>
Spezifikationen
Spezifikation | Status | Kommentar |
---|---|---|
{{SpecName('HTML WHATWG', 'sections.html#the-section-element', '<section>')}} | {{Spec2('HTML WHATWG')}} | |
{{SpecName('HTML5.1', 'sections.html#the-section-element', '<section>')}} | {{Spec2('HTML5.1')}} | |
{{SpecName('HTML5 W3C', 'sections.html#the-section-element', '<section>')}} | {{Spec2('HTML5 W3C')}} |
Browser Kompatibilität
{{CompatibilityTable}}
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 5 | {{CompatGeckoDesktop("2.0")}} | 9.0 | 11.10 | 4.1 |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | 2.2 | {{CompatGeckoMobile("2.0")}} | 9.0 | 11.0 | 5.0 (iOS 4.2) |
Siehe auch
- Andere mit Section verwandte Elemente: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}};
- Sections and outlines of an HTML5 document.
{{HTMLRef}}