Das Tag <main> ist ein neues Blockelement in HTML5 und ist für die Unterbringung des Hauptinhaltes des Dokuments vorgesehen. Der Inhalt des Tages <main> muss einzigartig sein und gleichartige Blocks, die in anderen Dokumenten vorkommen, nicht duplizieren. Wie zum Beispiel die Überschrift (header), Fußzeile (footer), Menü, Suchform usw.
Das Element <main> muss nicht in den Tags <article>, <aside>, <footer>, <header> oder <nav> platziert werden. In einem Dokument kann nur ein Tag <main> verwendet werden.
Syntax
Der Inhalt des Tages wird zwischen den Start- (<main>) und Endtags (</main>) geschrieben.
Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</title>
</head>
<body>
<main>
<h1>Programmiersprache</h1>
<p>Die Sprachen HTML und CSS sind für das Layout der Website vorgesehen.</p>
<article>
<h2>HTML</h2>
<p> HTML (Hyper Text Markup Language) wird für die Erstellung von Webseiten verwendet.</p>
<p>... </p>
<p>... </p>
</article>
<article>
<h2>CSS</h2>
<p>CSS ist die Sprache für Stile, die das Aussehen von HTML-Dokumenten bestimmt.</p>
<p>... </p>
</article>
</main>
</body>
</html>
Ergebnis
Attribute
Das Tag <main> unterschtützt Globale Attribute und Globale Eventhandler.
Browser-Support
6+ | 4+ | 5+ | 11.1+ |
Übe dein Wissen
Was beschreibt der HTML-Tag <main> laut der Webseite 'w3docs.com'?
Richtig!
Falsch!