<main> Tag - Hauptinhalt der Webseite festlegen

Beispiel:

<main>
  <h1>Office Programme</h1>
  <p>Microsoft Office, LibreOffice und Softmaker Office sind bekannte Office Programme.</p>

  <article>
    <h1>Microsoft Office</h1>
    <p>Microsoft Office ist nach wie vor der Platzhirsch und am weitesten verbreitet.</p>
  </article>

  <article>
    <h1>LibreOffice</h1>
    <p>LibreOffice ist Open-Source, kostenlos und plattformunabhängig.</p>
  </article>

  <article>
    <h1>SoftMaker Office</h1>
    <p>Die Office Alternative aus Deutschland für Windows, MacOS und Linux</p>
  </article>
</main>

Online testen

Verwendung

Der main Tag dient der semantischen Festlegung des Hauptinhaltes der Webseite. Es sollte nur ein main Element innerhalb der Seite geben. Der Inhalt sollte nicht auf anderen Seiten vorkommen, also z.B. die Navigation, Footer oder andere wiederholende Elemente enthalten. Kurz: er umschließt den Inhalt der die Information der Seite ausmacht.

Darstellung

Der Tag hat keine direkten visuellen Auswirkungen und wird von Suchmaschinen, dem Browser und Software verwendet um den Inhalt der Seite zu erkennen. Dies können z.B. Screenreader sein, welche nur den Hauptinhalt ausgeben.