Übersicht
Das HTML Main Element (<main>) kann als ein Container für den leitenden Inhalt benutzt werden. Der Hauptteil besteht aus Inhalt, der direkt bezogen oder auf das zentrale Thema eines Bereichs oder der zentralen Funktionalität einer Applikation aufbaut. Der Inhalt sollte zum Dokument einzigartig sein, ausgenommen jeglicher Inhalt, welcher auf dem gesamten Dokument wiederholt ist wie zum Beispiel Seitenleisten, Navigationlinks, Information über das Urheberrecht, Seitenlogos, und Sucheingaben (augenommen, wenn die Hauptfunktion eine Sucheingabe ist). Anders als <article>
und <section>
, trägt dieses Element dem Entwurf des Dokuments nicht bei.
Inhalt Kategorien | Fließender Inhalt, fühlbarer Inhalt. |
---|---|
Erlaubter Inhalt | Fließender Inhalt. |
Tag-Wegfall | Keine; Sowohl Anfangs- als auch End-Tag sind erforderlich. |
Erlaubte Elternelemente | Alle Elemente, die fließenden Inhalt akzeptieren. |
DOM-Schnittstelle | HTMLElement |
Attribute
Das Element enthält ausschließlich globale Attribute.
Beispiel
<!-- Anderer Inhalt --> <main> <h1>Äpfel</h1> <p>Der Apfel ist das Kernobst des Apfelbaumes.</p> <article> <h2>Rote Köstlichkeiten</h2> <p>Diese hervorragenden roten Äpfel sind die verbreitetsten wie man sie in Supermärkten finden kann.</p> <p>... </p> <p>... </p> </article> <article> <h2>Großmütterchen</h2> <p>Diese saftigen grünen Äpfel sind eine großartige Füllung für meine Apfelkuchen.</p> <p>... </p> <p>... </p> </article> </main> <!-- Anderer Inhalt -->
Spezifikationen
Spezifikation | Status | Kommentar |
---|---|---|
WHATWG HTML Living Standard Die Definition von '<main>' in dieser Spezifikation. |
Lebender Standard | Die Einschränkung der Nichtnutzung von <main> als ein Nachfahre eines <article> , <aside> , <footer> , <header> , oder <nav> Elements wurde aufgehoben. |
HTML5.1 Die Definition von '<main>' in dieser Spezifikation. |
Arbeitsentwurf | Keine Änderung von HTML5 |
HTML5 Die Definition von '<main>' in dieser Spezifikation. |
Empfehlung | Ursprüngliche Definition. |
Browser-Kompatibilität
Das <main>
Element wird flächendeckend unterstützt (ausgenommen für Internet Explorer). Es wird vorgeschlagen, bis das <main> Element von Internet Explorer unterstützt wird, das
"main"
ARIA role dem <main>
Element hinzufügen:
<main role="main"> ... </main>
Funktion | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basis Unterstützung | Chrome 26 | 21.0 (21.0) | Nicht unterstützt | Opera 16 | Safari 7 |
Funktion | Android | Firefox Mobil (Gecko) | IE Phone | Opera Mobil | Safari Mobil |
---|---|---|---|---|---|
Basis Unterstützung | Nicht unterstützt | 21.0 (21.0) | Nicht unterstützt | Nicht unterstützt | Nicht unterstützt |
Siehe auch
- Basis Strukturelemente:
<html>
,<head>
,<body>
- Sektionzugehörige Elemente:
<article>
,<aside>
,<footer>
,<header>
, oder<nav>