Semantisches HTML ist der Teil von HTML, der Ihnen dabei hilft, Ihre Website wartungs- und SEO-freundlich zu organisieren. SEO steht für: Suchmaschinenoptimierung.

Wenn Sie sich beim Erstellen einer Website an die HTML-Semantik halten, ist es für Suchmaschinen in der Regel einfacher, die Website höher einzustufen, und natürlich ist es auch für Bildschirmleser einfacher, auf Ihrer Website zu navigieren.

Hier sind einige der semantischen HTML-Tags:

1-
Das „Header“-Tag ist der Ort, an dem der einleitende Inhalt der Seite, die Navigationslinks, das Menü und/oder die Suchleiste eingefügt werden. Da gehören auch Markenlogos rein!

2-
Im Tag „main“ wird der Hauptinhalt der Seite eingefügt.

3-
Das Tag „Artikel“ ist der Ort, an dem unabhängige, eigenständige Inhalte eingefügt werden. Inhalte, die für sich genommen Sinn machen. Dies kann ein Blogbeitrag sein.

4-
Das Tag „section“ unterteilt den Inhalt in Teile. Normalerweise enthält es eine Überschrift. Kein „Header“-Tag.

5-
Das „aside“-Tag wird verwendet, um sekundären oder verwandten Inhalt zu einem Beitrag auf einer Seite hinzuzufügen.

Hinweis: Das „section“-Tag kann im „article“-Tag verschachtelt werden und das „aside“-Tag kann in beidem verschachtelt werden.

6-
Das „footer“-Tag enthält Informationen über die Seite wie: Kontakt, Links und rechtliche Informationen.

Vielen Dank und ich hoffe, das hilft!