HTML5-Tags Übersicht

Das Wurzelelement

Tag Beschreibung
<html> Steht für den Wurzelknoten eines HTML- oder XHTML-Dokuments. Alle weiteren Elemente müssen Nachkommen dieses Elements sein.

Metadaten des Dokuments

Tag Beschreibung
<head> Bezeichnet eine Sammlung von Metadaten des Dokuments.
<title> Definiert den Titel eines Dokuments, der in der Titelzeile des Browsers angezeigt wird.
<base> Definiert den Basis-URL für relative URLs.
<link> Zum Einbinden externer CSS- oder JS-Dateien.
<meta> Definiert Metadaten wie Charset oder Autor.
<style> Für interne Stylesheets.

Skripting

Tag Beschreibung
<script> Definiert ein internes oder externes JavaScript.
<noscript> Alternative Inhalte für Nutzer ohne JavaScript.

Abschnitte (Sections)

Tag Beschreibung
<body> Hauptinhalt eines HTML-Dokuments.
<section> Abschnitt eines Dokuments.
<nav> Abschnitt für Navigationslinks.
<article> Eigenständiger Inhalt wie ein Artikel.
<aside> Randbemerkung, wie Werbung oder Randinfos.
<header> Kopfteil einer Seite oder eines Abschnitts.
<footer> Fußteil einer Seite oder eines Abschnitts.
<address> Kontaktinformationen.
<main> Hauptinhalt der Seite.

Inhalte gruppieren

Tag Beschreibung
<p> Ein Absatz.
<hr> Thematischer Bruch zwischen Inhalten.
<pre> Vorformatierter Text.
<blockquote> Längeres Zitat.
<ol> Geordnete Liste.
<ul> Ungeordnete Liste.
<li> Ein Eintrag in einer Liste.
<dl> Definitionsliste.
<dt> Definierter Begriff.
<dd> Definition eines Begriffs.
<figure> Eine Abbildung oder Grafik.
<figcaption> Beschriftung einer Abbildung.
<div> Allgemeiner Container ohne semantische Bedeutung.

Semantische Text-Elemente

Tag Beschreibung
<a> Hyperlink zu einer anderen Ressource.
<em> Hervorgehobener Text (kursiv).
<strong> Wichtiger Text (fett).
<small> Kleingedruckter Text.
<s> Durchgestrichener Text (veraltet).
<cite> Zitat eines Werkes.
<q> Kurzzitat.
<dfn> Definition eines Begriffs.
<abbr> Abkürzung oder Akronym.
<time> Datum oder Uhrzeit.
<code> Programmiercode.
<var> Variable oder mathematischer Ausdruck.
<kbd> Tastatureingabe.
<sub> Tiefgestellter Text.
<sup> Hochgestellter Text.

Eingebettete Inhalte

Tag Beschreibung
<img> Bild.
<iframe> Inlineframe zur Einbettung eines anderen HTML-Dokuments.
<embed> Einbettung von externen Ressourcen.
<object> Einbettung von externen Inhalten.
<video> Videodatei.
<audio> Tondatei oder Audiostream.
<canvas> Zeichenfläche für Skripte.
<svg> Vektorgrafik.

Tabellarische Daten

Tag Beschreibung
<table> Tabelle.
<caption> Beschriftung einer Tabelle.
<thead> Kopfbereich einer Tabelle.
<tbody> Körperbereich einer Tabelle.
<tfoot> Fußbereich einer Tabelle.
<tr> Tabellenzeile.
<th> Tabellenkopf.
<td> Tabellenzelle.

Formulare

Tag Beschreibung
<form> Formular für Benutzereingaben.
<input> Eingabefeld.
<textarea> Mehrzeiliges Textfeld.
<button> Schaltfläche.
<select> Auswahlmenü.
<option> Auswahloption.
<label> Beschriftung für ein Formularfeld.