<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>
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.