Semantische Elemente in HTML

Was sind Semantische Elemente

Semantische Elemente sind Tags die in einem HTML-Code verwendet werden, um ihn barrierefreier zu machen und verständlicher zu machen.

Der header ist eine Überschrift

<header><h1>Dies ist eine wichtige Überschrift</h1></header>

Das nav Element definiert eine Reihe von Navigationslinks.

<nav>
<a href="/example/">Example</a>
</nav>

Section ist ein Element welches Themen auseinander hält. Häufig mit Überschrift.

< section>
<h1>Dies kann die Überschrift des Themas sein</h1>
<article>Dein Themen Inhalt</article>
< /section>

Das aside Element definiert Inhalte, die neben dem Inhalt stehen, in dem sie platziert sind (wie eine Seitenleiste).

<aside>
<h4>Beispiel Überschrift</h4>
<p>Hier steht zusätzlicher Inhalt</p>
</aside>

Ein Article sollte für sich genommen Sinn ergeben und unabhängig vom Rest der Website verbreitet werden können.

< article>
<h3>Dies kann die Überschrift des Themas sein</h3>
<article>Dein Themen Inhalt</article>
< /article>

Das Element footer definiert eine Fußzeile für ein Dokument oder einen Abschnitt.

<footer>
<p>Autor Kontaktinfo:
</footer>