Element-Referenz
HTML 5 doctype - weil html einfach einfach ist.
nach oben

<section>NEU

Bedeutung

Unterteilt einen article in unterschiedliche Sektionen


Notation

<section [Attribute]>[Elementinhalt]</section>

Elternelemente

Kann gemäß der HTML5 Spezifikation innerhalb der folgenden Elemente vorkommen:

Liste der HTML 5 Block-ElementeBlock-Elemente.


Elementinhalt

Kann Text mit folgenden anderen HTML-Elementen enthalten:
Liste der HTML 5 Block-ElementeBlock-Elemente und Liste der HTML 5 Inline-ElementeInline-Elemente.


Attribute

Kann folgende elementspezifische Attribute enthalten:
zum HTML5 Attribut citecite

Des Weiteren kann das Element folgende allgemeinen Attribute und Event-Handler enthalten:
zum HTML5 Attribut accesskeyaccesskey | zum HTML5 Attribut classclass | zum HTML5 Attribut contenteditablecontenteditable | zum HTML5 Attribut contextmenucontextmenu | zum HTML5 Attribut datadata | zum HTML5 Attribut dirdir | zum HTML5 Attribut draggabledraggable | zum HTML5 Attribut hiddenhidden | zum HTML5 Attribut idid | zum HTML5 Attribut itemitem | zum HTML5 Attribut itempropitemprop | zum HTML5 Attribut langlang | zum HTML5 Attribut spellcheckspellcheck | zum HTML5 Attribut stylestyle | zum HTML5 Attribut subjectsubject | zum HTML5 Attribut tabindextabindex | zum HTML5 Attribut titletitle

onabort | onblur | onchange | onclick | oncontextmenu | ondblclick | ondrag | ondragend | ondragenter | ondragleave | ondragover | ondragstart | ondrop | onfocus | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | onmousewheel | onscroll


Standard-Style-Formateigenschaften

section {
   display: block;
}


Beispiel
//<!-- Textueller Inhalt -->
<article class="content">
<h1><Überschrift></h1>
<p>...</p>
<section>
<header>
<h1><Überschrift></h1>
</header>
<p>...</p>
<footer>
...
</footer>
</section>
<section>
<header>
<h1><Überschrift></h1>
</header>
<p>...</p>
<footer>
...
</footer>
</section>
</article>
<article class="content">
<h1><Überschrift></h1>
<p>...</p>
<section>
<header>
<h1><Überschrift></h1>
</header>
<p>...</p>
<footer>
...
</footer>
</section>
</article>

Erläuterung

Für eine weitere Untergliederung der textuellen Inhalte innerhalb des <article> Elements steht das <section> Element zur Verfügung. Die einzelnen Abschnitte eines Artikels lassen sich somit semantischInformationBedeutung: semantischder Bedeutung, dem Sinn entsprechend korrekt strukturieren. Gemäß der Spezifikation zeichnet das <section> Element grundlegend einen eigenständigen logischen textuellen Inhalt innerhalb eines <article> Elements aus, das aus logischer Sicht eine Art Unterdokument darstellt.


W3C Logo & WHATWG Logo Spezifikation

Tastaturkürzel