HTML-Elemente Referenz

Diese Seite listet alle HTML Elemente auf, die mit Tags erstellt werden.

Sie sind nach Funktion gruppiert, um Ihnen zu helfen, das Gesuchte leicht zu finden. Eine alphabetische Liste aller Elemente ist in der Seitenleiste auf jeder Elementseite sowie auf dieser Seite verfügbar.

Hinweis: Weitere Informationen zu den Grundlagen von HTML-Elementen und -Attributen finden Sie unter Anatomy of an HTML element.

Hauptroot

Element Beschreibung
<html> Repräsentiert das Root-Element (oberste Ebene) eines HTML-Dokuments, daher wird es auch als Root-Element bezeichnet. Alle anderen Elemente müssen Nachfahren dieses Elements sein.

Dokumenten-Metadaten

Metadaten enthalten Informationen über die Seite. Dazu gehören Informationen über Stile, Skripte und Daten, die Software (Suchmaschinen, Browser usw.) helfen, die Seite zu verwenden und darzustellen. Metadaten für Stile und Skripte können auf der Seite definiert oder auf eine andere Datei verlinkt werden, die die Informationen enthält.

Element Beschreibung
<base> Gibt die Basis-URL an, die für alle relativen URLs in einem Dokument verwendet werden soll. Es kann nur ein solches Element in einem Dokument geben.
<head> Enthält maschinenlesbare Informationen (Metadaten) über das Dokument, wie seinen Titel, Skripte und Stylesheets.
<link> Gibt Beziehungen zwischen dem aktuellen Dokument und einer externen Ressource an. Dieses Element wird am häufigsten verwendet, um auf CSS zu verweisen, wird aber auch verwendet, um Site-Icons (sowohl "favicon"-Stil-Icons als auch Icons für den Startbildschirm und Apps auf mobilen Geräten) zu etablieren, neben anderen Dingen.
<meta> Repräsentiert Metadaten, die nicht durch andere HTML-Meta-bezogene Elemente dargestellt werden können, wie <base>, <link>, <script>, <style> und <title>.
<style> Enthält Stilinformatio­nen für ein Dokument oder einen Teil eines Dokuments. Es enthält CSS, das auf den Inhalt des Dokuments angewendet wird, das dieses Element enthält.
<title> Definiert den Dokumenttitel, der in der Titelleiste eines Browsers oder dem Tab einer Seite angezeigt wird. Es enthält nur Text; HTML-Tags innerhalb des Elements, falls vorhanden, werden ebenfalls als reiner Text behandelt.

Abschnittsroot

Element Beschreibung
<body> Repräsentiert den Inhalt eines HTML-Dokuments. Es kann nur ein solches Element in einem Dokument geben.

Inhaltsabschnitte

Inhaltsabschnittelemente erlauben es Ihnen, den Dokumentinhalt in logische Abschnitte zu organisieren. Verwenden Sie die Abschnittselemente, um ein breites Schema für den Seiteninhalt zu erstellen, einschließlich Header- und Footernavigation, und um durch Headelemente Abschnitte von Inhalt zu identifizieren.

Element Beschreibung
<address> Gibt an, dass der eingeschlossene HTML-Inhalt Kontaktinformationen für eine Person oder Personen, oder für eine Organisation bereitstellt.
<article> Repräsentiert eine eigenständige Komposition in einem Dokument, einer Seite, einer Anwendung oder einer Website, die zur unabhängigen Verteilung oder Wiederverwendung (z. B. in Syndikationen) gedacht ist. Beispiele sind ein Forenbeitrag, ein Magazin- oder Zeitungsartikel, ein Blogeintrag, eine Produktkarte, ein von Benutzern eingereichter Kommentar, ein interaktives Widget oder Gadget oder ein anderes unabhängiges Inhaltselement.
<aside> Repräsentiert einen Teil eines Dokuments, dessen Inhalt nur indirekt mit dem Hauptinhalt des Dokuments zusammenhängt. Asides werden häufig als Seitenleisten oder Call-out-Boxen dargestellt.
<footer> Repräsentiert ein Footer für sein nächstes Vorfahrenchten-Abschnittsinhalts- oder Abschnittsroot-Element. Ein <footer> enthält typischerweise Informationen über den Autor des Abschnitts, Copyright-Daten oder Links zu verwandten Dokumenten.
<header> Repräsentiert einleitende Inhalte, typischerweise eine Gruppe einleitender oder navigativer Hilfsmittel. Es kann einige Headelemente enthalten, aber auch ein Logo, ein Suchformular, einen Autorennamen und andere Elemente.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> Repräsentiert sechs Ebenen von Abschnittsüberschriften. <h1> ist die höchste Abschnittsebene und <h6> ist die niedrigste.
<hgroup> Repräsentiert eine Überschrift zusammen mit jeglichem sekundären Inhalt, wie Unterüberschriften, einem alternativen Titel oder einem Slogan.
<main> Repräsentiert den überwiegenden Inhalt des Body eines Dokuments. Der Hauptinhaltsbereich besteht aus Inhalten, die direkt mit dem zentralen Thema eines Dokuments zusammenhängen oder es erweitern, oder der zentralen Funktionalität einer Anwendung.
<nav> Repräsentiert einen Abschnitt einer Seite, dessen Zweck es ist, Navigationslinks bereitzustellen, entweder innerhalb des aktuellen Dokuments oder zu anderen Dokumenten. Häufige Beispiele für Navigationsabschnitte sind Menüs, Inhaltsverzeichnisse und Indizes.
<section> Repräsentiert einen generischen eigenständigen Abschnitt eines Dokuments, für den kein spezifischeres semantisches Element existiert. Abschnitte sollten immer eine Überschrift haben, mit sehr wenigen Ausnahmen.
<search> Repräsentiert einen Teil, der eine Gruppe von Formularsteuerelementen oder anderen Inhalten enthält, die mit der Durchführung einer Such- oder Filteroperation zusammenhängen.

Textinhalt

Verwenden Sie HTML-Textinhaltselemente, um Blöcke oder Abschnitte von Inhalt zu organisieren, die zwischen den öffnenden <body> und schließenden </body> Tags platziert sind. Wichtig für Barrierefreiheit und SEO, identifizieren diese Elemente den Zweck oder die Struktur dieses Inhalts.

Element Beschreibung
<blockquote> Gibt an, dass der eingeschlossene Text ein erweitertes Zitat ist. Dieses wird normalerweise visuell durch Einrückungen dargestellt. Eine URL für die Quelle des Zitats kann mit dem cite Attribut angegeben werden, während eine Textdarstellung der Quelle mit dem <cite> Element angegeben werden kann.
<dd> Bietet die Beschreibung, Definition oder den Wert für den vorhergehenden Begriff (<dt>) in einer Definitionsliste (<dl>).
<div> Der generische Container für Flussinhalt. Es hat keine Auswirkung auf den Inhalt oder das Layout, bis es in irgendeiner Weise mit CSS gestylt wird (z.B. Styling wird direkt darauf angewendet, oder irgendeine Art von Layoutmodell wie flexbox wird auf sein übergeordnetes Element angewendet).
<dl> Repräsentiert eine Definitionsliste. Das Element umfasst eine Liste von Gruppen von Begriffen (angegeben mit dem <dt> Element) und Beschreibungen (bereitgestellt durch <dd> Elemente). Häufige Anwendungsfälle dieses Elements sind die Implementierung eines Glossars oder die Anzeige von Metadaten (einer Liste von Schlüssel-Wert-Paaren).
<dt> Spezifiziert einen Begriff in einer Definitionsliste und muss daher innerhalb eines <dl> Elements verwendet werden. Es wird normalerweise von einem <dd> Element gefolgt; jedoch zeigen mehrere <dt> Elemente in Folge mehrere Begriffe an, die alle durch das unmittelbar folgende <dd> Element definiert werden.
<figcaption> Repräsentiert eine Bildunterschrift oder Legende, die den Rest des Inhalts ihres übergeordneten <figure> Elements beschreibt.
<figure> Repräsentiert einen eigenständigen Inhalt, möglicherweise mit einer optionalen Bildunterschrift, die mit dem <figcaption> Element angegeben wird. Die Figur, ihre Unterschrift und ihr Inhalt werden als eine einzelne Einheit betrachtet.
<hr> Repräsentiert einen thematischen Bruch zwischen Absatz-Elementen: zum Beispiel einen Szenenwechsel in einer Geschichte oder einen Themenwechsel innerhalb eines Abschnitts.
<li> Repräsentiert ein Element in einer Liste. Es muss in einem übergeordneten Element enthalten sein: einer geordneten Liste (<ol>), einer ungeordneten Liste (<ul>) oder einem Menü (<menu>). In Menüs und ungeordneten Listen werden Listenelemente normalerweise mit Aufzählungszeichen angezeigt. In geordneten Listen werden sie normalerweise mit einem aufsteigenden Zähler links angezeigt, wie einer Zahl oder einem Buchstaben.
<menu> Eine semantische Alternative zu <ul>, wird aber von Browsern (und im Barrierefreiheitsbaum) als nicht anders behandelt als <ul>. Es repräsentiert eine ungeordnete Liste von Elementen (die durch <li> Elemente dargestellt werden).
<ol> Repräsentiert eine geordnete Liste von Elementen — normalerweise als nummerierte Liste dargestellt.
<p> Repräsentiert einen Absatz. Absätze werden normalerweise in visuellen Medien als Textblöcke dargestellt, die durch Leerzeilen und/oder erstzeilige Einrückungen von angrenzenden Blöcken getrennt sind, aber HTML-Absätze können jede strukturelle Gruppierung von verwandtem Inhalt sein, wie z.B. Bilder oder Formularelemente.
<pre> Repräsentiert vorformatierten Text, der genau so dargestellt werden soll, wie er in der HTML-Datei geschrieben wurde. Der Text wird normalerweise mit einer nichtproportionalen oder monospaced Schriftart dargestellt. Leerraum in diesem Element wird so angezeigt, wie er geschrieben wurde.
<ul> Repräsentiert eine ungeordnete Liste von Elementen, die normalerweise als eine Liste mit Aufzählungszeichen dargestellt wird.

Inline-Textsemantik

Verwenden Sie die HTML-Inline-Textsemantik, um die Bedeutung, Struktur oder den Stil eines Wortes, einer Zeile oder eines beliebigen arbiträren Textstücks zu definieren.

Element Beschreibung
<a> Zusammen mit dem href Attribut erstellt es einen Hyperlink zu Webseiten, Dateien, E-Mail-Adressen, Orten innerhalb der aktuellen Seite oder irgendetwas anderem, das eine URL adressieren kann.
<abbr> Repräsentiert eine Abkürzung oder ein Akronym.
<b> Wird verwendet, um die Aufmerksamkeit des Lesers auf den Inhalt des Elements zu lenken, der nicht anderweitig von besonderer Bedeutung ist. Dies wurde früher als das Fettgedruckte Element bekannt und die meisten Browser zeigen den Text immer noch fett gedruckt an. Jedoch sollten Sie <b> nicht zum Stylen von Text oder zur Hervorhebung verwenden. Wenn Sie fettgedruckten Text erstellen möchten, sollten Sie die CSS-font-weight-Eigenschaft verwenden. Wenn Sie angeben möchten, dass ein Element von besonderer Bedeutung ist, sollten Sie das <strong> Element verwenden.
<bdi> Sagt dem bidirektionalen Algorithmus des Browsers, dass der Text, den es enthält, isoliert von seinem umgebenden Text behandelt werden soll. Es ist besonders nützlich, wenn eine Website dynamisch Text einfügt und die Richtung des eingefügten Textes nicht kennt.
<bdo> Überschreibt die aktuelle Textausrichtung, so dass der Text innerhalb in einer anderen Richtung gerendert wird.
<br> Erzeugt einen Zeilenumbruch im Text (Wagenrücklauf). Es ist nützlich zum Schreiben eines Gedichts oder einer Adresse, bei denen die Zeilenteilung signifikant ist.
<cite> Wird verwendet, um den Titel eines zitierten Werkes zu markieren. Die Referenz kann in einer abgekürzten Form entsprechend kontextbezogener Konventionen im Zusammenhang mit Zitier-Metadaten sein.
<code> Zeigt seinen Inhalt in einem Stil an, der darauf hinweist, dass der Text ein kurzes Fragment von Computer-Code ist. Standardmäßig wird der Inhaltstext unter Verwendung der Standardschriftart für Festbreitenschrift des Benutzeragents angezeigt.
<data> Verknüpft ein bestimmtes Inhaltstück mit einer maschinenlesbaren Übersetzung. Wenn der Inhalt zeit- oder datumsbezogen ist, muss das <time> Element verwendet werden.
<dfn> Wird verwendet, um den Begriff im Kontext einer Definitionsphrase oder eines Satzes anzuzeigen. Das übergeordnete <p> Element, das <dt>/<dd> Paar oder der nächste Abschnittsvorfahre des <dfn> Elements wird als Definition des Begriffs betrachtet.
<em> Markiert Text, der stressbetonte Betonung hat. Das <em> Element kann verschachtelt werden, wobei jede Verschachtelungsebene einen stärkeren Grad der Betonung anzeigt.
<i> Repräsentiert einen Bereich von Text, der aus irgendeinem Grund vom normalen Text abgesetzt ist, wie idiomatischer Text, technische Begriffe und taxonomische Bezeichnungen unter anderen. Historisch gesehen wurden diese mit kursiver Schrift dargestellt, was die ursprüngliche Quelle für den <i> Namen dieses Elements ist.
<kbd> Repräsentiert einen Textabschnitt, der Eingaben eines Benutzers von einer Tastatur, Stimmeneingabe oder einem anderen Texteingabegerät darstellt. Üblicherweise rendert der Benutzeragent den Inhalt eines <kbd> Elements mit seiner Standardschriftart für Festbreitenschrift, obwohl dies nicht durch den HTML-Standard vorgeschrieben ist.
<mark> Repräsentiert Text, der markiert oder hervorgehoben ist für Referenz- oder Notationszwecke aufgrund der Relevanz der markierten Passage im umgebenden Kontext.
<q> Gibt an, dass der eingeschlossene Text ein kurzes Inline-Zitat ist. Die meisten modernen Browser implementieren dies, indem sie den Text in Anführungszeichen setzen. Dieses Element ist für kurze Zitate gedacht, die keinen Absatzumbruch erfordern; für lange Zitate verwenden Sie das <blockquote> Element.
<rp> Wird verwendet, um Ersatzklammern für Browser bereitzustellen, die die Anzeige von Ruby-Anmerkungen mit dem <ruby> Element nicht unterstützen. Ein <rp> Element sollte jeweils die öffnende und schließende Klammer um das <rt> Element einschließen, das den Text der Anmerkung enthält.
<rt> Gibt die Rubytext-Komponente einer Ruby-Anmerkung an, die verwendet wird, um Aussprache, Übersetzung oder Umschreibungsinformationen für ostasiatische Typografie bereitzustellen. Das <rt> Element muss immer in einem <ruby> Element enthalten sein.
<ruby> Repräsentiert kleine Anmerkungen, die über, unter oder neben Basisttext gerendert werden und normalerweise verwendet werden, um die Aussprache ostasiatischer Zeichen zu zeigen. Es kann auch verwendet werden, um andere Arten von Text zu annotieren, diese Verwendung ist jedoch seltener.
<s> Dargestellter Tex­t mit Durchstreichen oder einer Linie durch ihn. Verwenden Sie das <s> Element, um Dinge darzustelle, die nicht mehr relevant oder nicht mehr genau sind. Jedoch ist <s> nicht geeignet, um Dokumentbearbeitungen anzuzeigen. Dafür verwenden Sie die <del> und <ins> Elemente, je nachdem, was angebracht ist.
<samp> Wird verwendet, um Inline-Text einzuschließen, der eine Beispiel- (oder zitierte) Ausgabe eines Computerprogramms darstellt. Sein Inhalt wird typischerweise mit der Standardschriftart des Browsers für Festbreitenschriftarten dargestellt (wie Courier oder Lucida Console).
<small> Repräsentiert Nebenbemerkungen und Kleingedrucktes wie Copyright- und Rechtstexte unabhängig von seiner dargestellten Präsentation. Standardmäßig wird der Text innerhalb davon in einer Schriftgröße kleiner dargestellt, wie z.B. von small zu x-small.
<span> Ein generischer Inline-Container für Phraseninhalt, der von sich aus nichts repräsentiert. Er kann verwendet werden, um Elemente aus Stilisierungsgründen (unter Verwendung der class oder id Attribute) zu gruppieren oder weil sie gemeinsame Attributwerte teilen, wie lang. Er sollte nur verwendet werden, wenn kein anderes semantisches Element angemessen ist. <span> ist sehr ähnlich zu einem div-Element, aber div ist ein Block-Level-Element, während ein <span> ein Inline-Level-Element ist.
<strong> Gibt an, dass sein Inhalt große Bedeutung, Ernsthaftigkeit oder Dringlichkeit hat. Browser rendern den Inhalt typischerweise in fetter Schrift.
<sub> Gibt Inline-Text an, der aus rein typografischen Gründen als tiefgestellt angezeigt werden soll. Tiefstellungen werden typischerweise mit einer abgesenkten Basislinie in kleinerem Text dargestellt.
<sup> Gibt Inline-Text an, der aus rein typografischen Gründen als hochgestellt angezeigt werden soll. Hochstellungen werden normalerweise mit einer erhöhten Basislinie in kleinerem Text dargestellt.
<time> Repräsentiert einen spezifischen Zeitraum. Es kann das datetime Attribut enthalten, um Daten in ein maschinenlesbares Format zu übersetzen, was zu besseren Suchmaschinenergebnissen oder benutzerdefinierten Funktionen wie Erinnerungen führen kann.
<u> Repräsentiert einen Bereich von Inline-Text, der in einer Weise gerendert werden soll, die anzeigt, dass er eine nicht-tex­tuelle Annotation hat. Dies wird standardmäßig als eine einzelne, solide Unter­streichung angezeigt, kan­n aber mit CSS geändert werden.
<var> Repräsentiert den Namen einer Variablen in einem mathematischen Ausdruck oder einem Programmierkontext. Es wird normalerweise in einer kursiven Version der aktuellen Schriftart dargestellt, obwohl dieses Verhalten vom Browser abhängig ist.
<wbr> Repräsentiert eine Wortbruchoption - eine Position innerhalb von Text, an der der Browser optional einen Zeilenumbruch einfügen kann, obwohl seine Regel für Zeilenumbrüche an dieser Stelle keinen Umbruch erstellen würde.

Bild und Multimedia

HTML unterstützt verschiedene Multimediaressourcen wie Bilder, Audio und Video.

Element Beschreibung
<area> Definiert einen Bereich innerhalb einer Bildkarte, die vordefinierte klickbare Bereiche hat. Ein Bildkarte ermöglicht es, geometrische Bereiche auf einem Bild mit Hyperlinks zu verknüpfen.
<audio> Wird verwendet, um Soundinhalte in Dokumente einzubetten. Es kann eine oder mehrere Audioquellen enthalten, die mit dem src Attribut oder dem source-Element repräsentiert werden: Der Browser wird die geeignetste auswählen. Es kann auch das Ziel für gestreamte Medien sein, indem ein MediaStream verwendet wird.
<img> Bet­tet ein Bild in das Dokument ein.
<map> Wird zusammen mit <area> Elementen verwendet, um eine Bildkarte (einen klickbaren Linkbereich) zu definieren.
<track> Wird als Kindelement der Medienelemente Audio und Video verwendet. Es ermöglicht es Ihnen, zeitlich abgestimmte Textspuren (oder zeitbasierte Daten) zu spezifizieren, zum Beispiel, um automatisch Untertitel zu verwalten. Die Spuren sind im WebVTT Format (.vtt Dateien) formatiert - Web Video Text Spuren.
<video> Bet­tet einen Mediaplayer ein, der die Videowiedergabe unterstützt. Sie können <video> auch für Audi­oinhalte verwenden, aber das Audioelement kann ein geeigneteres Benutzererlebnis liefern.

Eingebettete Inhalte

Zusätzlich zu regulären Multimediainhalten kann HTML eine Vielzahl anderer Inhalte beinhalten, auch wenn es nicht immer einfach ist, mit ihnen zu interagieren.

Element Beschreibung
<embed> Bet­tet ein externes Inhalt an der angegebenen Stelle im Dokument ein. Dieses Inhalt wird von einer externen Anwendung oder einer anderen Quelle für interaktive Inhalte wie einem Browser-Plugin bereitgestellt.
<fencedframe> Repräsentiert einen verschachtelten Browserkontext, ähnlich wie <iframe>, aber mit integrierten nativen Datenschutzfunktionen.
<iframe> Repräsentiert einen verschachtelten Browserkontext, der eine andere HTML-Seite in die aktuelle einbettet.
<object> Repräsentiert eine externe Ressource, die als Bild, ein verschachtelter Browserkontext oder eine Ressource behandelt werden kann, die von einem Plug-in verwaltet wird.
<picture> Enthält null oder mehr <source> Elemente und ein <img> Element, um alternative Versionen eines Bildes für verschiedene Anzeige-/Geräteszenarien anzubieten.
<portal> Ermöglicht das Einbetten einer anderen HTML-Seite in die aktuelle, um eine reibungslosere Navigation in neue Seiten zu ermöglichen.
<source> Gibt mehrere Medienressourcen für das Bild, das Audioelement oder das Videoelement an. Es ist ein leeres Element, was bedeutet, dass es keinen Inhalt hat und kein Schlusstag hat. Es wird häufig verwendet, um denselben Medi­eninhalt in mehreren Datei­formaten anzubieten, um Kompatibil­ität mit einer breiten Palette von Browsern zu gewährleisten, angesichts ihrer unter­schiedlichen Unterstützung für Bilddateiformate und Mediendateiformate.

SVG und MathML

Sie können SVG und MathML In­halte direkt in HTML-Dokumente einbetten, indem Sie die <svg> und <math> Elemente verwenden.

Element Beschreibung
<svg> Container, der ein neues Koordinatensystem und Ansichtsfenster definiert. Es wird als das äußerste Element von SVG-Dokumenten verwendet, aber es kann auch verwendet werden, um ein SVG-Fragment in ein SVG- oder HTML-Dokument einzubetten.
<math> Das oberste Element in MathML. Jede valide MathML-Instanz muss darin eingebettet sein. Zusätzlich darf ein weiteres <math> Element nicht in einem anderen verschachtelt werden, aber Sie können eine beliebige Anzahl anderer Kindelemente darin haben.

Skripting

Um dynamische Inhalte und Webanwendungen zu erstellen, unterstützt HTML die Verwendung von Skriptsprachen, am prominentesten JavaScript. Bestimmte Elemente unterstützen diese Fähigkeit.

Element Beschreibung
<canvas> Containerelement zur Verwendung mit entweder der Canvas-Skript-API oder der WebGL-API zur Graphik- und Animationserstellung.
<noscript> Definiert einen HTML-Abschnitt, der eingefügt werden soll, wenn ein Skripttyp auf der Seite nicht unterstützt wird oder Skripting im Browser derzeit deaktiviert ist.
<script> Wird verwendet, um ausführbaren Code oder Daten einzubetten; dies wird typischerweise verwendet, um JavaScript-Code einzubetten oder darauf zu verweisen. Das <script> Element kann auch mit anderen Sprachen verwendet werden, wie der WebGL GLSL Shader Programmiersprache und JSON.

Kennzeichnung von Änderungen

Diese Elemente lassen Sie Verweise bereitstellen, dass spezifische Teile des Textes geändert wurden.

Element Beschreibung
<del> Repräsentiert einen Bereich von Text, der aus einem Dokument gelöscht wurde. Dies kann verwendet werden, wenn man "Änderungen verfolgen" oder Quelltext-Diff-Informationen rendert, zum Beispiel. Das <ins> Element kann für den gegenteiligen Zweck verwendet werden: um Text zu kennzeichnen, der in das Dokument eingefügt wurde.
<ins> Repräsentiert einen Bereich von Text, der in ein Dokument eingefügt wurde. Sie können das <del> Element verwenden, um ähnlich einen Bereich von Text zu repräsentieren, der aus dem Dokument gelöscht wurde.

Tabelleninhalte

Die hier aufgelisteten Elemente werden verwendet, um tabellarische Daten zu erstellen und zu verwalten.

Element Beschreibung
<caption> Gibt die Bildunterschrift (oder den Titel) einer Tabelle an.
<col> Definiert eine oder mehrere Spalten in einer Spaltengruppe, repräsentiert durch ihr implizites oder explizites übergeordnetes <colgroup> Element. Das <col> Element ist nur valid als ein Kindelement eines <colgroup> Elements, das kein span Attribut definiert hat.
<colgroup> Definiert eine Gruppe von Spalten innerhalb einer Tabelle.
<table> Repräsentiert tabellarische Daten - das heißt, Informationen, die in einer zweidimensionalen Tabelle mit Zeilen und Spalten von Zellen, die Daten enthalten, dargestellt werden.
<tbody> Kapselt eine Gruppe von Tabellzeilen (<tr> Elemente), und zeigt an, dass sie den Hauptkörper der Daten einer Tabelle bilden.
<td> Ein Kind des <tr> Elements, es definiert eine Zelle in einer Tabelle, die Daten enthält.
<tfoot> Kapselt eine Gruppe von Tabellzeilen (<tr> Elemente), und zeigt an, dass sie den Fuß einer Tabelle bilden mit Informationen über die Spalten der Tabelle. Dies ist typischerweise eine Zusammenfassung der Spalten, z.B. eine Summe der angegebenen Zahlen in einer Spalte.
<th> Ein Kind des <tr> Elements, es definiert eine Zelle als Kopf einer Gruppe von Tabellenzellen. Die Natur dieser Gruppe kann explizit durch die scope und headers Attribute definiert werden.
<thead> Kapselt eine Gruppe von Tabellzeilen (<tr> Elemente), und zeigt an, dass sie den Kopf einer Tabelle bilden mit Informationen über die Spalten der Tabelle. Dies ist normalerweise in Form von Spaltenköpfen (<th> Elemente).
<tr> Definiert eine Reihe von Zellen in einer Tabelle. Die Zellen der Reihe können dann durch eine Mischung von <td> (Datenzelle) und <th> (Kopfzeile) Elementen erstellt werden.

Formulare

HTML stellt mehrere Elemente bereit, die zusammen verwendet werden können, um Formulare zu erstellen, die der Benutzer ausfüllen und an die Website oder Anwendung übermitteln kann. Weitere Informationen hierzu finden Sie in dem HTML form­ulare Leitfaden.

Element Beschreibung
<button> Ein interaktives Element wird von einem Benutzer mit Maus, Tastatur, Finger, Sprachbefehl oder anderen Hilfstechnologien aktiviert. Nach dem Aktivieren führt es eine aktion durch, wie das formular absenden oder einen Dialog öffnen.
<datalist> Enthält eine Gruppe von <option> Elementen, die die zulässigen oder empfohlenen auswahlmöglichkeiten darstellen, die innerhalb anderer Steuerungen ausgewählt werden können.
<fieldset> Wird verwendet, um mehrere Steuerungen sowie Beschriftungen (<label>) innerhalb eines Webformulars zu gruppieren.
<form> Repräsentiert einen Dokumentabschnitt, der interaktive Steuerungen zum einreichen von Informationen enthält.
<input> Wird verwendet, um interaktive Steuerungen für Webbasierte Formulare zu erstellen, um Daten vom Benutzer zu akzeptieren; eine große Vielfalt an Eingabendatentypen und Steuerungswidgets sind verfügbar, abhängig vom Gerät und Benutzeragent. Das <input> Element ist eines der mächtigsten und komplexesten in ganz HTML aufgrund der schieren Anzahl der Kombinationen von Eingabetypen und Attributen.
<label> Repräsentiert eine Beschriftung für einen Gegenstand in einer Benutzeroberfläche.
<legend> Repräsentiert eine Beschrif­tung für den Inhalt ihres über­geordneten <fieldset>.
<meter> Repräsentiert entweder einen skalarwert innerhalb eines bekannten Bereichs oder einen Bruchwert.
<optgroup> Erstellt eine Gruppierung von Optionen innerhalb eines <select> Elements.
<option> Wird verwendet, um ein Element in einem Auswahlelement, einem <optgroup> oder einem <datalist> Element zu definieren. Als solches kann <option> Menüpunkte in Popups und anderen Listen von Elementen in einem HTML-Dokument repräsentieren.
<output> Containerelement, in das eine Website oder App die Ergebnisse einer Berechnung oder das Ergebnis einer Benutzeraktion einfügen kann.
<progress> Zeigt einen Indikator, der den abschlussfortschritt einer Aufgabe darstellt, normalerweise als Fortschrittsbalken angezeigt.
<select> Repräsentiert eine Steuerung, die ein Menü von Optionen bereitstellt.
<textarea> Repräsentiert ein mehrzeiliges Klartext-Eingabefeld, nützlich, wenn Sie Benutzern erlauben möchten, eine beträchtliche Menge freien Textes einzugeben, zum Beispiel einen Kommentar zu einer Rezension oder einem Feedback-Formular.

Interaktive Elemente

HTML bietet eine Auswahl an Elementen, die zur Erstellung inter­aktiver Benutzeroberflächenobjekte beitragen.

Element Beschreibung
<details> Erstellt ein Offenlegungswidget, in dem Informationen nur sichtbar sind, wenn das Widget in einen "offenen" Zustand umgeschaltet ist. Eine Zusammenfassung oder ein Label muss mit dem <summary> Element bereitgestellt werden.
<dialog> Repräsentiert ein Dialogfeld oder eine andere interaktive Komponente, wie eine entfenbare Benachrichtigung, einen Inspektor oder ein Unterfenster.
<summary> Spezifiziert eine Zusammenfassung, einen Bildunterschrift oder eine Legende für ein Detailselement Offenlegungsfeld. Ein Klick auf das <summary> Element schaltet den Zustand des übergeordneten <details> Element zwischen offen und geschlossen.

Web-Komponenten

Web-Komponenten sind eine HTML-bezogene Technologie, die es ermöglicht, im Wesentlichen benutzerdefinierte Elemente so zu erstellen und zu verwenden, als ob es reguläres HTML wäre. Zusätzlich können Sie benutzerdefinierte Versionen von Standard-HTML-Elementen erstellen.

Element Beschreibung
<slot> Teil der Web-Komponenten Technologie-Suite, dieses Element ist ein Platzhalter in einer Web-Komponente, die Sie mit Ihrem eigenen Markup füllen können, was Ihnen ermöglicht, separate DOM-Bäume zu erstellen und diese zusammen darzustellen.
<template> Ein Mechanismus zum Halten von HTML, das nicht sofort wiedergegeben werden soll, wenn eine Seite geladen wird, kann jedoch anschließend während der Laufzeit mit JavaScript instanziiert werden.

Veraltete und veraltete Elemente

Warnung: Dies sind alte HTML-Elemente, die veraltet sind und nicht verwendet werden sollten. Sie sollten sie niemals in neuen Projekten verwenden, und Sie sollten sie in alten Projekten so bald wie möglich ersetzen. Sie sind hier nur aus Gründen der Vollständigkeit aufgeführt.

Element Beschreibung
<acronym> Ermöglicht es Autoren, klar eine Zeichenfolge anzugeben, die ein Akronym oder eine Abkürzung für ein Wort bildet.
<big> Rendert den eingeschlossenen Text in einer Schriftgröße, die eine Stufe größer als der umgebende Text ist (medium wird bspw. zu large). Die Größe ist auf die maximal erlaubte Schriftgröße des Browsers beschränkt.
<center> Zeigt seine Block-Level- oder Inline-Inhalte horizontal zentriert innerhalb seines enthaltenden Elements an.
<content> Ein veralteter Teil der Web-Komponenten Technologie-Suite - wurde innerhalb des Shadow DOM als Einfügepunkt verwendet und war nicht dazu gedacht in gewöhnlichem HTML verwendet zu werden. Es wurde nun durch das <slot> Element ersetzt, das einen Punkt im DOM erstellt, an dem ein Shadow DOM eingefügt werden kann. Erwägen Sie die Verwendung von <slot> stattdessen.
<dir> Container für ein Verzeichnis von Dateien und/oder Ordnern, möglicherweise mit von der Benutzeragenten angewandten Stilen und Symbolen. Verwenden Sie dieses veraltete Element nicht; stattdessen sollten Sie das <ul> Element für Listen verwenden, einschließlich Listen von Dateien.
<font> Definiert die Schriftgröße, Farbe und Schriftart für seinen Inhalt.
<frame> Definiert einen bestimmten Bereich, in dem ein anderes HTML-Dokument angezeigt werden kann. Ein Frame sollte innerhalb eines <frameset> verwendet werden.
<frameset> Wird verwendet, um <frame> Elemente zu enthalten.
<image> Ein uraltes und schlecht unterstütztes Vorläufer des <img> Elements. Es sollte nicht verwendet werden.
<marquee> Wurde verwendet, um einen scrollenden Bereich von Text einzufügen. Sie können mit seinen Attributen kontrollieren, was geschieht, wenn der Text die Ränder seines Inhaltsbereichs erreicht.
<menuitem> Repräsentiert einen Befehl, den ein Benutzer über ein Popup-Menü auslösen kann. Dies umfasst Kontextmenüs sowie Menüs, die möglicherweise einem Menübefehl zugeordnet sind.
<nobr> Verhindert, dass der Text, den er enthält, automatisch über mehrere Zeilen umbricht, was möglicherweise dazu führt, dass der Benutzer horizontal scrollen muss, um die gesamte Breite des Textes sehen zu können.
<noembed> Eine veraltete, nicht standardisierte Methode, um alternativen oder "Fallback"-Inhalt für Browser bereitzustellen, die das embed-Element oder die Art von eingebetteten Inhalten, die ein Autor verwenden möchte, nicht unterstützen. Dieses Element wurde in HTML 4.01 und höher zugunsten eines Inhaltsrückgriffs zwischen den öffnenden und schließenden Tags eines <object> Elements veraltet.
<noframes> Bietet Inhalt, der in Browsern angezeigt werden soll, die die Unterstützung für das <frame> Element nicht unterstützen (oder Unterstützung dafür deaktiviert haben). Obwohl die meisten häufig verwendeten Browser Frames unterstützen, gibt es Ausnahmen, einschließlich bestimmter Spezial­browser, ein­schließlich einiger Mobil­browser sowie Text­modus­browser.
<param> Definiert Parameter für ein <object> Element.
<plaintext> Rendert alles, was dem Starttag folgt als Rohtext, ignoriert jedes folgende HTML. Es gibt keinen Schlusstag, da alles danach als Rohtext betrachtet wird.
<rb> Wird verwendet, um die Basisteilkomponente einer Ruby-Annotation abzugrenzen, also den Text, der annotiert wird. Ein <rb> Element sollte jedes getrennte atomare Segment des Basisteiltexts umschließen.
<rtc> Umfasst semantische Anmerkungen von Zeichen, die in einem Ruby von <rb> Elementen verwendet werden, innerhalb des <ruby>-Elements dargestellt werden. <rb> Elemente können sowohl Aussprach- (<rt>) als auch semantische (<rtc>) Anmerkungen haben.
<shadow> Ein veralteter Teil der Web-Komponenten Technologie-Suite, das als Einfügepunkt für ein Shadow DOM vorgesehen war. Sie könnten es verwendet haben, wenn Sie mehrere Schattenwurzeln unter einem Schattenhost erstellt haben; überlegen Sie, stattdessen <slot> zu verwenden.
<strike> Platziert ein Durchstreichen über den Text.
<tt> Erstellt Inline-Text, der mit der Standardschriftart für Festbreitenschrift des Benutzeragenten dargestellt wird. Dieses Element wurde entwickelt, um Text so zu rendern, wie er auf einem Festbreitendisplay wie einem Fernschreiber, Text-only-Bildschirm oder einem Zeilendrucker angezeigt würde.
<xmp> Rendert Text zwischen dem Start- und Endtag, ohne das HTML dazwischen zu interpretieren, und verwendet eine Monospace-Schriftart. Die HTML2-Spezifikation empfahl, dass es so breit sein sollte, dass 80 Zeichen pro Zeile angezeigt werden.

Siehe auch