Tag <main>

Tag <main>

Definition

Status: Aktueller Standard

Das Tag <main> steht für header (Kopf, Kopfbereich).

Das <main>-Element ist ein zentraler Baustein des modernen, semantischen HTML5. Es signalisiert Browsern und Suchmaschinen, wo der eigentliche „Hauptinhalt“ einer Seite dargestellt wird. Es trennt den einzigartigen Inhalt einer Seite von wiederkehrenden Elementen (wie Logos, Navigation oder Copyright-Informationen). Es darf auf einer Seite nur ein sichtbares <main>-Element geben. Sollten mehrere <main>-Elemente nötig sein (Single-Page-Apps) so müssen die nicht aktiven mit dem Attribut "hidden" ausgeblendet werden.

Syntax

<main>...</main>

Attribute bzw. Unterelemente

Global

Globale Attribute

Beispiele

= Tag

= Attribut

= Wert

Text

= Kommentar bzw. wichtig!

Beispiel <main> - ---

Der Code:

<body>
  <header>
    <div><img src="logo.png" id="logo"></div>
    <div>
      <h3>Webseite</h3>
    </div>
  </header>
  <main>
  <p>Hier die eigentliche Info im &lt;main&gt;</p>
  </main>
</body>

Ergebnis:

Ergebnis: <main>-Demo 1
---