HTML-Referenz

Alle 115 Elemente der Referenz in einer Tabelle. Filter nach Kategorie, sortier nach Name oder Art, und ein Klick auf den Namen öffnet den Eintrag mit Beispielen und Live-Vorschau. Wer von vorn anfangen will, liest die Grundlagen der Reihe nach.

Elemente

115 von 115

Alle 115 Grundstruktur 6 Text & Typografie 40 Listen 6 Links & Medien 15 Formulare 14 Tabellen 10 Semantik 9 Einbettung & Widgets 6 Meta & Scripting 8 Veraltete Elemente 1

Elemente der HTML-Referenz

Element	Kurzbeschreibung	Art
<!DOCTYPE html>	Die DOCTYPE-Deklaration teilt dem Browser mit, dass es sich um ein HTML5-Dokument handelt.	Metadaten
<body>	Das body-Element enthält den gesamten sichtbaren Inhalt einer HTML-Seite: alles, was Nutzer im Browser sehen und womit sie interagieren.	Block
<div>	Das div-Element ist ein universeller Block-Container ohne eigene Bedeutung.	Block
<head>	Das head-Element enthält die Metadaten eines HTML-Dokuments wie Titel, Zeichensatz, Stylesheets und SEO-Informationen.	Metadaten
<html>	Das html-Element ist das Wurzelelement jeder HTML-Seite.	Metadaten
<span>	Das span-Element ist ein generischer Inline-Container ohne eigene Bedeutung.	Inline
<h1>	Das h1-Element definiert die Hauptüberschrift einer Seite.	Block
<h2>	Das h2-Element definiert eine Überschrift der zweiten Ebene.	Block
<h3>	Das h3-Element definiert eine Überschrift der dritten Ebene.	Block
<h4>	Das h4-Element definiert eine Überschrift der vierten Ebene.	Block
<h5>	Das h5-Element definiert eine Überschrift der fünften Ebene.	Block
<h6>	Das h6-Element definiert eine Überschrift der sechsten und niedrigsten Ebene.	Block
<address>	Das address-Element kennzeichnet Kontaktinformationen für den Autor oder Eigentümer eines Dokuments oder Abschnitts.	Block
<br>	Das br-Element erzeugt einen Zeilenumbruch innerhalb eines Textblocks.	Leeres Element
<hr>	Das hr-Element erzeugt eine thematische Trennung zwischen Inhaltsabschnitten.	Leeres Element
<p>	Das p-Element definiert einen Textabsatz.	Block
<wbr>	Das wbr-Element markiert eine optionale Umbruchstelle in einem Wort oder Text.	Leeres Element
<abbr>	Das abbr-Element kennzeichnet eine Abkürzung oder ein Akronym.	Inline
<b>	Das b-Element hebt Text visuell hervor, ohne ihm eine besondere semantische Bedeutung zu geben.	Inline
<bdi>	Das bdi-Element isoliert Text mit potenziell anderer Textrichtung vom umgebenden Inhalt (Bi-Directional Isolation).	Inline
<bdo>	Das bdo-Element überschreibt die Textrichtung (Bi-Directional Override).	Inline
<del>	Das del-Element kennzeichnet Text, der aus einem Dokument gelöscht wurde.	Inline
<dfn>	Das dfn-Element kennzeichnet einen Begriff, der an dieser Stelle im Text definiert wird.	Inline
<em>	Das em-Element betont Text semantisch.	Inline
<i>	Das i-Element kennzeichnet Text, der sich vom umgebenden Text abhebt, etwa Fachbegriffe, Fremdwörter, Gedanken oder taxonomische Bezeichnungen.	Inline
<ins>	Das ins-Element kennzeichnet Text, der in ein Dokument eingefügt wurde.	Inline
<mark>	Das mark-Element hebt Text hervor, der in einem bestimmten Kontext relevant ist, zum Beispiel Suchergebnisse, wichtige Textpassagen oder markierte Stellen in Zitaten.	Inline
<rp>	Das rp-Element definiert Fallback-Klammern für Ruby-Annotationen.	Inline
<rt>	Das rt-Element enthält den Annotationstext einer Ruby-Annotation.	Inline
<ruby>	Das ruby-Element fügt ostasiatischen Texten Lesehinweise (Furigana) hinzu.	Inline
<s>	Das s-Element kennzeichnet Text, der nicht mehr korrekt oder relevant ist.	Inline
<small>	Das small-Element kennzeichnet Nebenbemerkungen und Kleingedrucktes wie Copyright-Hinweise, Haftungsausschlüsse oder rechtliche Anmerkungen.	Inline
<strong>	Das strong-Element markiert Text als besonders wichtig.	Inline
<sub>	Das sub-Element stellt Text tiefgestellt dar, zum Beispiel für chemische Formeln wie H₂O, mathematische Indizes oder Fußnotenzeichen.	Inline
<sup>	Das sup-Element stellt Text hochgestellt dar, zum Beispiel für mathematische Potenzen, Fußnoten, Ordnungszahlen oder Trademark-Symbole.	Inline
<u>	Das u-Element kennzeichnet Text mit einer unartikulierten Annotation, etwa Rechtschreibfehler oder chinesische Eigennamen.	Inline
<blockquote>	Das blockquote-Element kennzeichnet ein längeres Zitat aus einer externen Quelle.	Block
<cite>	Das cite-Element kennzeichnet den Titel eines zitierten Werks, zum Beispiel einen Buchtitel, Filmtitel, Songtitel oder Artikel.	Inline
<q>	Das q-Element kennzeichnet ein kurzes Inline-Zitat.	Inline
<code>	Das code-Element kennzeichnet Inline-Programmcode, Dateinamen oder technische Begriffe.	Inline
<data>	Das data-Element verknüpft einen menschenlesbaren Text mit einem maschinenlesbaren Wert.	Inline
<kbd>	Das kbd-Element kennzeichnet Tastatureingaben und andere Benutzereingaben.	Inline
<pre>	Das pre-Element stellt vorformatierten Text dar.	Block
<samp>	Das samp-Element kennzeichnet Ausgaben von Computerprogrammen oder Systemen.	Inline
<time>	Das time-Element kennzeichnet Datums- und Zeitangaben in einem maschinenlesbaren Format.	Inline
<var>	Das var-Element kennzeichnet Variablen in mathematischen Ausdrücken oder Programmierkontext.	Inline
<dd>	Das dd-Element liefert die Beschreibung, Definition oder den Wert zu einem Begriff (dt) innerhalb einer Definitionsliste (dl).	Block
<dl>	Das dl-Element erstellt eine Definitionsliste (Description List) für Begriffs-Beschreibungs-Paare wie Glossare, Metadaten oder FAQ-Bereiche.	Block
<dt>	Das dt-Element markiert einen Begriff oder Namen innerhalb einer Definitionsliste (dl).	Block
<li>	Das li-Element definiert einen einzelnen Listeneintrag innerhalb einer geordneten (ol) oder ungeordneten (ul) Liste.	Block
<ol>	Das ol-Element erstellt eine geordnete (nummerierte) Liste, bei der die Reihenfolge der Einträge eine Bedeutung hat.	Block
<ul>	Das ul-Element erstellt eine ungeordnete (Aufzählungs-)Liste.	Block
<a>	Das a-Element (Anchor) erstellt Hyperlinks zu anderen Seiten, Dateien, E-Mail-Adressen oder Positionen auf derselben Seite.	Inline
<area>	Das area-Element definiert einen klickbaren Bereich innerhalb einer Image Map.	Leeres Element
<audio>	Das audio-Element bettet eine Audiodatei direkt in die Webseite ein.	Block
<embed>	Das embed-Element bettet externe Inhalte wie PDFs oder andere Plugin-Ressourcen in die Seite ein.	Leeres Element
<figcaption>	Das figcaption-Element liefert eine Beschriftung oder Legende für den Inhalt eines figure-Elements, zum Beispiel eine Bildunterschrift, Quellenangabe oder Erklärung.	Block
<figure>	Das figure-Element gruppiert eigenständige Inhalte wie Bilder, Diagramme, Code-Beispiele oder Zitate mit einer optionalen Beschriftung via figcaption.	Block
<iframe>	Das iframe-Element bettet eine externe Webseite oder ein HTML-Dokument in die aktuelle Seite ein.	Block
<img>	Das img-Element bettet ein Bild in die Seite ein.	Leeres Element
<map>	Das map-Element definiert eine Image Map: klickbare Bereiche auf einem Bild.	Inline
<object>	Das object-Element bettet externe Ressourcen wie PDFs, Bilder oder andere Webseiten in die Seite ein.	Block
<picture>	Das picture-Element ermöglicht responsive Bilder mit Format-Fallbacks und Art Direction.	Inline
<source>	Das source-Element gibt alternative Medienressourcen für video, audio und picture an.	Leeres Element
<svg>	Das svg-Element bettet skalierbare Vektorgrafiken direkt in HTML ein.	Inline
<track>	Das track-Element bindet Text-Tracks wie Untertitel, Captions, Beschreibungen oder Kapitelmarken in video- und audio-Elemente ein.	Leeres Element
<video>	Das video-Element bettet ein Video direkt in die Webseite ein.	Block
<button>	Das button-Element erstellt einen anklickbaren Button.	Interaktiv
<datalist>	Das datalist-Element erstellt eine Vorschlagsliste für Eingabefelder.	Block
<fieldset>	Das fieldset-Element gruppiert zusammengehörige Formularfelder logisch und visuell.	Block
<form>	Das form-Element erstellt ein interaktives Formular zur Datenübermittlung.	Block
<input>	Das input-Element erstellt interaktive Eingabefelder.	Leeres Element
<label>	Das label-Element beschriftet ein Formularelement und vergrößert dessen Klickfläche.	Inline
<legend>	Das legend-Element definiert eine Überschrift für ein fieldset-Element.	Block
<meter>	Das meter-Element stellt einen skalaren Messwert innerhalb eines bekannten Bereichs dar, zum Beispiel Speicherplatz, Bewertungen oder Testergebnisse.	Inline
<optgroup>	Das optgroup-Element gruppiert zusammengehörige Optionen innerhalb eines select-Dropdowns.	Block
<option>	Das option-Element definiert eine einzelne Auswahloption innerhalb eines select-Dropdown-Menüs.	Inline
<output>	Das output-Element zeigt das Ergebnis einer Berechnung oder Nutzer-Aktion an.	Inline
<progress>	Das progress-Element zeigt den Fortschritt einer Aufgabe an, zum Beispiel einen Dateiupload, einen Download oder einen Installationsvorgang.	Inline
<select>	Das select-Element erstellt ein Dropdown-Auswahlfeld in Formularen.	Interaktiv
<textarea>	Das textarea-Element erstellt ein mehrzeiliges Texteingabefeld in Formularen.	Interaktiv
<caption>	Das caption-Element gibt einer HTML-Tabelle einen Titel oder eine Beschreibung.	Block
<col>	Das col-Element definiert eine einzelne Spalte oder Spaltenspanne innerhalb einer colgroup.	Leeres Element
<colgroup>	Das colgroup-Element definiert Spaltengruppen in einer HTML-Tabelle.	Block
<table>	Das table-Element stellt tabellarische Daten dar.	Block
<tbody>	Das tbody-Element gruppiert die Datenzeilen einer HTML-Tabelle.	Block
<td>	Das td-Element definiert eine Datenzelle in einer HTML-Tabelle.	Block
<tfoot>	Das tfoot-Element definiert den Fußbereich einer HTML-Tabelle.	Block
<th>	Das th-Element definiert eine Überschriftenzelle in einer HTML-Tabelle.	Block
<thead>	Das thead-Element definiert den Kopfbereich einer HTML-Tabelle.	Block
<tr>	Das tr-Element definiert eine Zeile in einer HTML-Tabelle.	Block
<article>	Das article-Element kennzeichnet einen eigenständigen, in sich geschlossenen Inhalt wie Blog-Posts, Kommentare oder Produktkarten, der auch außerhalb des Kontexts verständlich wäre.	Gliederung
<aside>	Das aside-Element kennzeichnet ergänzende Inhalte, die mit dem umgebenden Inhalt in Verbindung stehen, aber auch eigenständig funktionieren, etwa Sidebars, Infoboxen oder verwandte Artikel.	Gliederung
<footer>	Das footer-Element kennzeichnet den abschließenden Bereich einer Seite oder eines Abschnitts.	Block
<header>	Das header-Element kennzeichnet den einleitenden Bereich einer Seite oder eines Abschnitts.	Block
<hgroup>	Das hgroup-Element gruppiert eine Überschrift mit einem zugehörigen Untertitel oder Absatz.	Block
<main>	Das main-Element kennzeichnet den Hauptinhalt einer Seite.	Block
<nav>	Das nav-Element kennzeichnet einen Navigationsbereich mit Links zu anderen Seiten oder Abschnitten.	Gliederung
<search>	Das search-Element kennzeichnet einen Bereich der Seite, der Such- oder Filterfunktionalität enthält.	Gliederung
<section>	Das section-Element gruppiert thematisch zusammengehörige Inhalte mit eigener Überschrift.	Gliederung
<canvas>	Das canvas-Element stellt eine Zeichenfläche für 2D- und 3D-Grafiken bereit.	Block
<details>	Das details-Element erstellt ein aufklappbares Widget, das zusätzliche Informationen ein- und ausblenden kann.	Interaktiv
<dialog>	Das dialog-Element erstellt modale und nicht-modale Dialogfenster: nativ in HTML, ohne JavaScript-Bibliothek.	Interaktiv
<slot>	Das slot-Element definiert Platzhalter in Web Components, die von außen mit Inhalten befüllt werden können.	Inline
<summary>	Das summary-Element ist die sichtbare, klickbare Zusammenfassung eines details-Elements.	Interaktiv
<template>	Das template-Element definiert wiederverwendbare HTML-Vorlagen, die beim Laden der Seite nicht gerendert werden.	Metadaten
<base>	Das base-Element legt die Basis-URL für alle relativen URLs und das Standard-Ziel für Links in einem HTML-Dokument fest.	Leeres Element
<link>	Das link-Element verknüpft externe Ressourcen wie Stylesheets, Favicons oder Preload-Hinweise mit der Webseite.	Leeres Element
<meta>	Das meta-Element liefert Metadaten über die Webseite: von der Zeichenkodierung über SEO-Beschreibungen bis zu Open-Graph-Tags für Social Media.	Leeres Element
<noscript>	Das noscript-Element zeigt Fallback-Inhalt an, wenn JavaScript im Browser deaktiviert oder nicht verfügbar ist.	Block
<param> Veraltet	Das param-Element definiert Parameter für ein object-Element.	Leeres Element
<script>	Das script-Element bindet JavaScript in eine Webseite ein, entweder als externe Datei oder als Inline-Code.	Metadaten
<style>	Das style-Element bettet CSS-Regeln direkt in ein HTML-Dokument ein.	Metadaten
<title>	Das title-Element setzt den Titel der Webseite, der im Browser-Tab, in Lesezeichen und in Suchergebnissen angezeigt wird.	Metadaten
<portal> Veraltet	Das portal-Element war ein experimenteller Vorschlag für nahtlose Seitenübergänge mit Vorschau der Zielseite.	Block

115 von 115 Elemente