Neue HTML-Elemente
Eine bahnbrechende Neuerung ist die Einführung neuer HTML5-Elemente zur semantischen Auszeichnung. Während HTML 4.01 lediglich eine Grobstrukturierung durch verschiedene div-Elemente vorsah, bieten spezifizierte Auszeichnungen wie <section>, <nav>, <article>, <aside>, <header>, <footer> oder <main> die Möglichkeit, in HTML5 zu definieren, um welche Art von Inhalt es sich bei dem jeweiligen Element handelt.
Tag | Funktion |
---|
<section> | Definiert einen Abschnitt innerhalb eines HTML5-Dokuments. |
<nav> | Definiert einen Abschnitt als Navigationsleiste. In der Regel finden sich hier Verweise zu untergeordneten Seiten. |
<article> | Zeichnet einen Abschnitt als eigenständigen Inhalt innerhalb eines HTML5-Dokuments aus. |
<aside> | Definiert einen Abschnitt als Randbemerkung. |
<header> | Definiert einen Abschnitt als Kopfbereich. In der Regel finden sich hier Logos, der Titel der Webseite und die Navigation. |
<footer> | Definiert einen Abschnitt als Fußbereich. In der Regel werden hier Kontaktinformationen oder Copyright-Hinweise untergebracht. |
<main> | Zeichnet einen Abschnitt als Hauptinhalt einer Webseite aus. Das main-Tag kann pro HTML5-Dokument nur einmal verwendet werden. |
Die semantische Auszeichnung von Webseitenabschnitten hat einen großen Vorteil: Sie erleichtert Suchmaschinen das Crawlen eines HTML-Dokuments. Die Suchbots lieben bekanntlich gut strukturierte Webinhalte. Webseitenbetreiber, die dem Crawler die Interpretation eines HTML5-Dokuments durch entsprechende Tags erleichtern, haben gute Chancen auf ein besseres Ranking in der Suchergebnisliste.