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

main beispiel

Attribute

Das Tag <main> unterschtützt Globale Attribute und Globale Eventhandler.

Browser-Support

chrome firefox safari opera
6+ 4+ 5+ 11.1+

Übe dein Wissen

Was beschreibt der HTML-Tag <main> laut der Webseite 'w3docs.com'?
Finden Sie das nützlich?