HTML-Elemente-Referenz

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

Sie sind nach Funktion gruppiert, um Ihnen bei der leichteren Auffindung zu helfen. Eine alphabetische Liste aller Elemente finden Sie in der Seitenleiste auf jeder Elementseite sowie auf dieser Seite.

Hinweis: Weitere Informationen zu den Grundlagen von HTML-Elementen und -Attributen finden Sie unter Anatomie eines HTML-Elements.

Hauptelement

Element Beschreibung
<html> Repräsentiert das Wurzelelement (oberstes Element) eines HTML-Dokuments und wird daher auch als Wurzelelement bezeichnet. Alle anderen Elemente müssen Nachkommen 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.) dabei helfen, die Seite zu verwenden und darzustellen. Metadaten für Stile und Skripte können auf der Seite definiert oder mit einer anderen Datei verknüpft 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. In einem Dokument darf es nur ein solches Element 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 verlinken, wird aber auch verwendet, um unter anderem Website-Icons (sowohl "Favoriten" als auch Icons für den Startbildschirm und Apps auf mobilen Geräten) festzulegen.
<meta> Repräsentiert Metadaten, die nicht durch andere HTML-meta-bezogene Elemente wie <base>, <link>, <script>, <style> und <title> dargestellt werden können.
<style> Enthält Stilinformationen für ein Dokument oder einen Teil eines Dokuments. Es enthält CSS, das auf den Inhalt des Dokuments angewendet wird, der dieses Element enthält.
<title> Definiert den Titel des Dokuments, der in der Titelleiste eines Browsers oder im Tab einer Seite angezeigt wird. Es enthält nur Text; HTML-Tags innerhalb des Elements werden, falls vorhanden, ebenfalls als einfacher Text behandelt.

Abschnitts-Wurzel

Element Beschreibung
<body> Repräsentiert den Inhalt eines HTML-Dokuments. In einem Dokument darf es nur ein solches Element geben.

Inhaltsabschnitte

Inhaltsabschnitts-Elemente ermöglichen es Ihnen, die Dokumentinhalte in logische Teile zu gliedern. Verwenden Sie die Abschnittselemente, um eine breite Gliederung für Ihre Seiteninhalte zu erstellen, einschließlich Header- und Footer-Navigation, und verwenden Sie Headerelemente, um Bereiche des Inhalts zu kennzeichnen.

Element Beschreibung
<address> Zeigt an, dass der eingeschlossene HTML-Code 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 unabhängig verteilbar oder wiederverwendbar sein soll (z. B. in der Syndication). Beispiele sind ein Forumsbeitrag, ein Magazin- oder Zeitungsartikel, ein Blogeintrag, eine Produktkarte, ein von Benutzern eingereichter Kommentar, ein interaktives Widget oder Gadget oder ein anderes unabhängig existierendes 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 Ausrufeboxen präsentiert.
<footer> Repräsentiert eine Fußzeile für das nächste übergeordnete sectioning content oder sectioning root Element. Ein <footer> enthält typischerweise Informationen über den Autor des Abschnitts, Copyright-Daten oder Links zu verwandten Dokumenten.
<header> Stellt einführende Inhalte dar, typischerweise eine Gruppe von einführenden oder navigativen Hilfsmitteln. Es kann einige Titel-Elemente, aber auch ein Logo, ein Suchformular, einen Autorennamen und andere Elemente enthalten.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> Repräsentieren sechs Ebenen von Abschnittstiteln. <h1> ist die höchste Abschnittsebene und <h6> die niedrigste.
<hgroup> Repräsentiert einen Titel, der mit sekundären Inhalten wie Untertiteln, einem alternativen Titel oder einem Slogan gruppiert ist.
<main> Repräsentiert den dominierenden Inhalt des Körpers eines Dokuments. Der Hauptinhalt besteht aus Inhalten, die direkt in Bezug auf das zentrale Thema eines Dokuments oder die zentrale Funktionalität einer Anwendung stehen oder diese erweitern.
<nav> Repräsentiert einen Abschnitt einer Seite, dessen Zweck darin besteht, 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, der kein spezifischeres semantisches Element besitzt, um ihn darzustellen. Abschnitte sollten immer einen Titel haben, mit sehr wenigen Ausnahmen.
<search> Repräsentiert einen Teil, der eine Reihe von Formularelementen oder anderen Inhalten enthält, die sich auf die Durchführung einer Such- oder Filteroperation beziehen.

Textinhalt

Verwenden Sie HTML-Textinhalt-Elemente, um Blöcke oder Abschnitte von Inhalten 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 des Inhalts.

Element Beschreibung
<blockquote> Gibt an, dass der eingeschlossene Text ein erweitertes Zitat ist. Üblicherweise wird dies visuell durch Einzug 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 gegeben werden kann.
<dd> Bietet die Beschreibung, Definition oder den Wert für den vorangehenden Begriff (<dt>) in einer Definitionsliste (<dl>).
<div> Der generische Container für Flussinhalte. Es hat keine Auswirkung auf den Inhalt oder das Layout, bis es in irgendeiner Weise mit CSS gestylt wird (z.B. wird Styling direkt darauf angewendet oder ein Layoutmodell wie Flexbox auf das übergeordnete Element angewendet).
<dl> Repräsentiert eine Definitionsliste. Das Element umfasst eine Liste von Gruppen von Begriffen (angegeben mit dem <dt> Element) und Beschreibungen (bereitgestellt von <dd> Elementen). Häufige Anwendungen für dieses Element sind die Implementierung eines Glossars oder die Anzeige von Metadaten (eine Liste von Schlüssel-Wert-Paaren).
<dt> Gibt einen Begriff in einer Definitions- oder Begriffsliste an und muss folglich innerhalb eines <dl> Elements verwendet werden. Es wird normalerweise von einem <dd> Element gefolgt; jedoch zeigen mehrere <dt> Elemente in einer Reihe mehrere Begriffe an, die alle durch das unmittelbar nächste <dd> Element definiert werden.
<figcaption> Stellt eine Bildunterschrift oder Legende dar, die den Rest des Inhalts seines übergeordneten <figure> Elements beschreibt.
<figure> Repräsentiert eigenständige Inhalte, möglicherweise mit einer optionalen Bildunterschrift, die mit dem <figcaption> Element angegeben wird. Die Figur, ihre Bildunterschrift und ihre Inhalte werden als eine einzige Einheit betrachtet.
<hr> Stellt einen thematischen Bruch zwischen Elemente auf Absatzebene dar: zum Beispiel ein Szenenwechsel in einer Geschichte oder ein Themenwechsel innerhalb eines Abschnitts.
<li> Stellt einen Eintrag in einer Liste dar. 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ählungspunkten angezeigt. In geordneten Listen werden sie normalerweise mit einem aufsteigenden Zähler links angezeigt, wie eine Zahl oder ein Buchstabe.
<menu> Eine semantische Alternative zu <ul>, wird aber von Browsern (und über den Barrierefreiheitsbaum verfügbar gemacht) genauso behandelt wie <ul>. Es repräsentiert eine ungeordnete Liste von Elementen (die durch <li> Elemente repräsentiert werden).
<ol> Repräsentiert eine geordnete Liste von Elementen — typischerweise als nummerierte Liste angezeigt.
<p> Repräsentiert einen Absatz. Absätze werden in visuellen Medien normalerweise als Textblöcke dargestellt, die durch Leerzeilen und/oder Erstzeileneinzüge von benachbarten Blöcken getrennt sind, aber HTML-Absätze können jede strukturelle Gruppierung von verwandten Inhalten sein, wie Bilder oder Formularelemente.
<pre> Repräsentiert vorformatierten Text, der genau so angezeigt werden soll, wie er in der HTML-Datei geschrieben ist. Der Text wird typischerweise mit einer nicht-proportionalen oder monospace Schrift dargestellt. Leerzeichen innerhalb dieses Elements werden so angezeigt, wie sie geschrieben sind.
<ul> Repräsentiert eine ungeordnete Liste von Elementen, die typischerweise als aufgelistete Punkte dargestellt werden.

Inhaltliche Inline-Semantik

Verwenden Sie die HTML-Inlinetext-Semantik, um die Bedeutung, die Struktur oder den Stil eines Wortes, einer Zeile oder eines beliebigen Textstücks zu definieren.

Element Beschreibung
<a> Erzeugt zusammen mit seinem href Attribut einen Hyperlink zu Webseiten, Dateien, E-Mail-Adressen, Positionen innerhalb der aktuellen Seite oder anderen Dingen, die 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 ansonsten keine besondere Bedeutung hat. Dies wurde früher als Fettschrift-Element bezeichnet, und die meisten Browser stellen den Text noch in Fettschrift dar. Sie sollten <b> jedoch nicht zum Stylen von Text oder zur Zuweisung von Bedeutung verwenden. Wenn Sie Fettschrifttext erstellen möchten, sollten Sie die CSS-Eigenschaft font-weight verwenden. Wenn Sie darauf hinweisen möchten, dass ein Element von besonderer Bedeutung ist, sollten Sie das <strong> Element verwenden.
<bdi> Sagt dem bidirektionalen Algorithmus des Browsers, den enthaltenen Text isoliert vom umgebenden Text zu behandeln. 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 Textrichtung, so dass der Text innerhalb des Elements in einer anderen Richtung gerendert wird.
<br> Erzeugt einen Zeilenumbruch im Text (Wagenrücklauf). Es ist nützlich, um ein Gedicht oder eine Adresse zu schreiben, bei der die Zeilenaufteilung wichtig ist.
<cite> Wird verwendet, um den Titel eines zitierten kreativen Werks zu markieren. Die Referenz kann in einer abgekürzten Form sein, entsprechend kontextbezogener Konventionen mit Bezug zu Zitationsmetadaten.
<code> Zeigt seinen Inhalt in einem Stil an, der angeben soll, dass der Text ein kurzer Ausschnitt von Computercode ist. Standardmäßig wird der Inhaltstext mit der Standard-Monospace-Schrift des Benutzgeräts angezeigt.
<data> Verknüpft ein gegebenes Content Piece mit einer maschinenlesbaren Übersetzung. Wenn der Inhalt zeit- oder datumsbezogen ist, muss das <time> Element verwendet werden.
<dfn> Wird verwendet, um den Begriff zu kennzeichnen, der im Kontext einer Definitionsphrase oder eines Satzes definiert wird. Der übergeordnete <p> Element, das <dt>/<dd> Paarig oder der Nächstgelegene Abschnittsvorfahre des <dfn> Elements, wird als Definition des Begriffs betrachtet.
<em> Markiert Text, der eine Betonung hat. Das <em> Element kann geschachtelt werden, wobei jede Verschachtelungsebene einen stärkeren Grad an Betonung anzeigt.
<i> Repräsentiert einen Textbereich, der aus irgendeinem Grund vom normalen Text abgesetzt ist, wie etwa idiomatischer Text, Fachbegriffe und taxonomische Bezeichnungen unter anderen. Historisch wurden diese mit kursiver Schrift dargestellt, was die ursprüngliche Quelle der Bezeichnung <i> dieses Elements ist.
<kbd> Repräsentiert einen Bereich von Inlinetext, der eine Benutzereingabe von einer Tastatur, Spracheingabe oder einem anderen Text-Eingabegerät bezeichnet. Üblicherweise stellt der Benutzeragent den Inhalt eines <kbd> Elements mittels der Standard-Monospace-Schrift dar, obwohl das nicht vom HTML-Standard vorgeschrieben ist.
<mark> Repräsentiert Text, der zur Referenz- oder Notationszwecken markiert oder hervorgehoben wurde, aufgrund der Relevanz des markierten Abschnitts 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 einrahmen. Dieses Element ist gedacht für kurze Zitate, die keine Absatzumbrüche erfordern; für längere Zitate verwenden Sie das <blockquote> Element.
<rp> Wird verwendet, um Fallback-Klammern für Browser bereitzustellen, die die Anzeige von Ruby-Anmerkungen mit dem <ruby> Element nicht unterstützen. Jedes <rp> Element sollte jeweils die öffnende und schließende Klammer enthalten, die das <rt> Element, welches den Anmerkungstext enthält, umgeben.
<rt> Gibt die Ruby-Text-Komponente einer Ruby-Anmerkung an, die verwendet wird, um Aussprache-, Übersetzungs- oder Transliteration-Informationen für ostasiatische Typografie bereitzustellen. Das <rt> Element muss immer innerhalb eines <ruby> Elements enthalten sein.
<ruby> Repräsentiert kleine Anmerkungen, die über, unter oder neben dem Basistext angezeigt werden und üblicherweise verwendet werden, um die Aussprache ostasiatischer Zeichen anzuzeigen. Es kann auch für die Anmerkung anderer Arten von Texten verwendet werden, aber diese Verwendung ist weniger verbreitet.
<s> Stellt Text mit einem Durchstreich angezeigt, oder eine Linie dadurch hindurch. Verwenden Sie das <s> Element, um Dinge darzustellen, die nicht mehr relevant oder nicht mehr korrekt sind. <s> ist jedoch nicht geeignet, um Änderungen im Dokument anzuzeigen; verwenden Sie dazu die <del> und <ins> Elemente, wie es angemessen ist.
<samp> Wird verwendet, um Inline-Text einzuschließen, der eine Probe (oder ein Zitat) von einer Computerprogrammausgabe darstellt. Sein Inhalt wird typischerweise unter Verwendung der Standard-Monospace-Schrift (wie Courier oder Lucida Console) des Browsers angezeigt.
<small> Repräsentiert Seitenkommentare und Kleingedrucktes, wie Urheber- und Rechtstext, unabhängig von seiner optischen Darstellung. Standardmäßig rendert es den Text innerhalb um eine Schriftgröße kleiner, wie etwa von small zu x-small.
<span> Ein generischer Inline-Container für Phrasierungselemente, der per se nichts darstellt. Es kann verwendet werden, um Elemente für Stilzwecke zu gruppieren (mittels class oder id Attributen), oder weil sie Attributwerte wie lang teilen. Es sollte nur verwendet werden, wenn kein anderes semantisches Element geeignet ist. <span> ist sehr ähnlich einem div-Element, aber div ist ein Block-Element, während ein <span> ein Inline-Element ist.
<strong> Gibt an, dass sein Inhalt große Bedeutung, Ernsthaftigkeit oder Dringlichkeit hat. Browser stellen den Inhalt typischerweise in Fettschrift dar.
<sub> Gibt Inline-Text an, der aus rein typografischen Gründen als Tiefgestellt angezeigt werden soll. Tiefstellungen werden typischerweise mit einer abgesenkten Grundlinie unter Verwendung kleinerer Schrift dargestellt.
<sup> Gibt Inline-Text an, der aus rein typografischen Gründen als Hochgestellt angezeigt werden soll. Hochstellungen werden typischerweise mit einer angehobenen Grundlinie unter Verwendung kleinerer Schrift dargestellt.
<time> Repräsentiert einen bestimmten Zeitraum. Es kann das datetime Attribut enthalten, um Daten in 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 auf eine Weise gerendert werden sollte, die anzeigt, dass er eine nicht-Text-Anmerkung hat. Dies wird standardmäßig als ein einfacher, durchgehender Unterstrich gerendert, kann aber mittels CSS geändert werden.
<var> Repräsentiert den Namen einer Variablen in einem mathematischen Ausdruck oder einem Programmierkontext. Es wird typischerweise unter Verwendung einer kursiven Version des aktuellen Schriftschnitts dargestellt, obwohl dieses Verhalten vom Browser abhängt.
<wbr> Repräsentiert eine Gelegenheit für einen Wortumbruch — eine Position innerhalb eines Texts, an der der Browser optional eine Zeile brechen kann, obwohl seine Umbruchregeln an dieser Stelle keinen Umbruch erzeugen würden.

Bilder und Multimedia

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

Element Beschreibung
<area> Definiert einen Bereich innerhalb einer Image-Map, die vordefinierte Klickbereiche hat. Eine Image-Map erlaubt es, geometrische Bereiche auf einem Bild mit einem Hyperlink zu verknüpfen.
<audio> Wird verwendet, um Soundinhalte in Dokumenten einzubetten. Es kann eine oder mehrere Audioquellen enthalten, die durch das src Attribut oder das source-Element dargestellt werden: Der Browser wählt das am besten geeignete aus. Es kann auch als Ziel für gestreamte Medien verwendet werden, unter Verwendung eines MediaStream.
<img> Betten Sie ein Bild in das Dokument ein.
<map> Wird mit <area> Elementen verwendet, um eine Image-Map (einen klickbaren Linkbereich) zu definieren.
<track> Wird als Kindelement der Media-Elemente Audio und Video verwendet. Es ermöglicht es Ihnen, zeitgesteuerte Text-Trails (oder zeitbasierte Daten) zu spezifizieren, zum Beispiel, um automatisch die Untertitel zu verwalten. Die Trails werden im WebVTT-Format (.vtt Dateien)—Web Video Text Trails, formatiert.
<video> Betten Sie einen Medienplayer, der Videowiedergabe unterstützt, in das Dokument ein. Sie können <video> auch für Audioinhalte verwenden, jedoch kann das Audio-Element möglicherweise eine geeignetere Benutzererfahrung bieten.

Eingebetteter Inhalt

Zusätzlich zu regulären Multimedia-Inhalten kann HTML eine Vielzahl von anderen Inhalten beinhalten, auch wenn sie nicht immer leicht zu interagieren sind.

Element Beschreibung
<embed> Betten Sie externen Inhalt an der angegebenen Stelle im Dokument ein. Dieser Inhalt wird von einer externen Anwendung oder einer anderen Quelle von interaktivem Inhalt wie einem Browser-Plug-in bereitgestellt.
<fencedframe> Repräsentiert einen geschachtelten Browsingkontext, ähnlich wie <iframe>, jedoch mit mehr nativen Datenschutzfunktionen, die eingebaut sind.
<iframe> Repräsentiert einen geschachtelten Browsingkontext und bettet eine andere HTML-Seite in die aktuelle ein.
<object> Repräsentiert eine externe Ressource, die als Bild, als geschachtelter Browsingkontext oder als Ressource, die von einem Plugin behandelt werden soll, behandelt werden kann.
<picture> Enthält null oder mehr <source> Elemente und ein <img> Element, um alternative Versionen eines Bildes für verschiedene Anzeige-/Geräteszenarien anzubieten.
<source> Gibt mehrere Medienressourcen für das Bild, das Audio-Element oder das Video-Element an. Es ist ein leeres Element, das bedeutet, dass es keinen Inhalt hat und keinen schließenden Tag hat. Es wird häufig verwendet, um denselben Mediainhalt in mehreren Dateiformaten anzubieten, um Kompatibilität mit einer breiten Palette von Browsern zu bieten, angesichts ihrer unterschiedlichen Unterstützung für Bilddateiformate und Mediendateiformate.

SVG und MathML

Sie können SVG und MathML Inhalte direkt in HTML-Dokumente einbetten, unter Verwendung der <svg> und <math> Elemente.

Element Beschreibung
<svg> Container, der ein neues Koordinatensystem und Viewport definiert. Es wird als das äußerste Element von SVG-Dokumenten verwendet, kann aber auch verwendet werden, um ein SVG-Fragment in ein SVG- oder HTML-Dokument einzubetten.
<math> Das oberste Element in MathML. Jedes gültige MathML-Element muss darin umschlossen sein. Außerdem dürfen Sie kein zweites <math> Element in ein anderes einfügen, allerdings können Sie eine beliebige Anzahl anderer Kindelemente darin haben.

Skripting

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

Element Beschreibung
<canvas> Containerelement zur Verwendung mit entweder der Canvas-Scripting-API oder der WebGL API, um Grafiken und Animationen zu zeichnen.
<noscript> Definiert einen Abschnitt von HTML, der eingefügt wird, wenn ein Skripttyp auf der Seite nicht unterstützt wird oder wenn Scripting derzeit im Browser 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 zum Beispiel der WebGL GLSL Shader-Programmiersprache und JSON.

Änderungen kennzeichnen

Diese Elemente ermöglichen es Ihnen, Hinweise darauf zu geben, dass bestimmte Teile des Textes geändert wurden.

Element Beschreibung
<del> Repräsentiert einen Bereich von Text, der aus einem Dokument gelöscht wurde. Dies kann zum Beispiel verwendet werden, um "Änderungen nachverfolgen" oder Quellcodedifferenzen anzuzeigen. Das <ins> Element kann für den gegenteiligen Zweck verwendet werden: um Text anzuzeigen, der dem Dokument hinzugefügt wurde.
<ins> Repräsentiert einen Bereich von Text, der einem Dokument hinzugefügt wurde. Sie können das <del> Element verwenden, um ähnlich einen Textbereich darzustellen, der aus dem Dokument gelöscht wurde.

Tabelleninhalt

Die hier aufgeführten Elemente werden verwendet, um tabellarische Daten zu erstellen und zu verarbeiten.

Element Beschreibung
<caption> Gibt die Beschriftung (oder den Titel) einer Tabelle an.
<col> Definiert eine oder mehrere Spalten in einer Spaltengruppe, die durch ihr implizites oder explizites Eltern <colgroup> Element repräsentiert werden. Das <col> Element ist nur als Kind eines <colgroup> Elements gültig, das kein span Attribut definiert hat.
<colgroup> Definiert eine Gruppe von Spalten innerhalb einer Tabelle.
<table> Repräsentiert tabellarische Daten — also Informationen, die in einer zweidimensionalen Tabelle, bestehend aus Zeilen und Spalten von Zellen, die Daten enthalten, präsentiert werden.
<tbody> Kapselt eine Reihe von Tabellenzeilen (<tr> Elemente), die angeben, dass sie den Hauptinhalt einer Tabelle repräsentieren.
<td> Ein Kind des <tr> Elements, definiert es eine Zelle einer Tabelle, die Daten enthält.
<tfoot> Kapselt eine Reihe von Tabellenzeilen (<tr> Elemente), die angeben, dass sie den Fuß einer Tabelle mit Informationen über die Spalten der Tabelle repräsentieren. Dies ist typischerweise eine Zusammenfassung der Spalten, z.B. eine Summe der in einer Spalte angegebenen Zahlen.
<th> Ein Kind des <tr> Elements, definiert es eine Zelle als Kopf einer Gruppe von Tabellenzellen. Die Art dieser Gruppe kann explizit durch die scope und headers Attribute definiert werden.
<thead> Kapselt eine Reihe von Tabellenzeilen (<tr> Elemente), die angeben, dass sie den Kopf einer Tabelle mit Informationen über die Spalten der Tabelle repräsentieren. Dies ist in der Regel in Form von Spaltenüberschriften (<th> Elemente).
<tr> Definiert eine Zeile von Zellen in einer Tabelle. Die Zellen der Zeile können dann mit einer Kombination aus <td> (Datenzelle) und <th> (Kopfzelle) 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 senden kann. Weitere Informationen dazu finden Sie im HTML-Formular-Leitfaden.

Element Beschreibung
<button> Ein interaktives Element, das von einem Benutzer mit einer Maus, einer Tastatur, einem Finger, einem Sprachbefehl oder einer anderen Hilfstechnologie aktiviert wird. Wird es aktiviert, führt es eine Aktion aus, wie das Absenden eines Formulars oder das Öffnen eines Dialogs.
<datalist> Enthält eine Reihe von <option> Elementen, die die zulässigen oder empfohlenen Optionen darstellen, die innerhalb anderer Steuerlemente verfügbar sind.
<fieldset> Wird verwendet, um mehrere Bedienelemente sowie Labels (<label>) innerhalb eines Webformulars zu gruppieren.
<form> Stellt einen Dokumentabschnitt dar, der interaktive Bedienelemente zum Übermitteln von Informationen enthält.
<input> Wird verwendet, um interaktive Bedienelemente für webbasierte Formulare zu erstellen, um Daten vom Benutzer zu akzeptieren; eine Vielzahl von Eingabedatentypen und Steuerelement-Widgets sind verfügbar, je nach Gerät und Benutzeragent. Das <input> Element ist eines der leistungsstärksten und komplexesten im gesamten HTML, aufgrund der schieren Anzahl an Kombinationen von Eingabetypen und Attributen.
<label> Repräsentiert eine Beschriftung für ein Element in einer Benutzeroberfläche.
<legend> Repräsentiert eine Beschriftung für den Inhalt seines übergeordneten <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 zu definieren, das in einem select-, einem <optgroup>- oder einem <datalist> Element enthalten ist. Als solches kann <option> Menüpunkte in Popups und andere Elementlisten in einem HTML-Dokument darstellen.
<output> Containerelement, in das eine Webseite oder App die Ergebnisse einer Berechnung oder das Ergebnis einer Benutzeraktion einfügen kann.
<progress> Zeigt einen Fortschrittsindikator für eine Aufgabe an, der typischerweise als Fortschrittsbalken dargestellt wird.
<select> Repräsentiert ein Steuerelement, das ein Menü von Optionen bietet.
<textarea> Repräsentiert ein mehzeiliges Klartext-Bearbeitungssteuerelement, nützlich, wenn Sie Benutzern erlauben möchten, eine beträchtliche Menge an freiformuliertem Text einzugeben, beispielsweise einen Kommentar in einer Bewertungs- oder Feedback-Formular.

Interaktive Elemente

HTML bietet eine Auswahl an Elementen, die dazu beitragen, interaktive Benutzeroberflächenobjekte zu erstellen.

Element Beschreibung
<details> Erstellt ein Offenlegungs-Widget, in dem Informationen nur sichtbar sind, wenn das Widget in den "offenen" Zustand umgeschaltet wird. Eine Zusammenfassung oder Beschriftung muss mit dem <summary> Element bereitgestellt werden.
<dialog> Repräsentiert ein Dialogfenster oder eine andere interaktive Komponente wie eine schließbare Warnung, ein Inspektor oder ein Unterfenster.
<summary> Gibt eine Zusammenfassung, eine Beschriftung oder eine Legende für das Offenlegungs-Element eines Details Elements an. Das Anklicken des <summary> Elements wechselt den Zustand des Elternelements <details> zwischen offen und geschlossen.

Web-Komponenten

Web-Komponenten sind eine HTML-bezogene Technologie, die es ermöglicht, im Wesentlichen benutzerdefinierte Elemente zu erstellen und zu verwenden, als wären sie reguläres HTML. Darüber hinaus können Sie benutzerdefinierte Versionen von Standard-HTML-Elementen erstellen.

Element Beschreibung
<slot> Teil der Web-Komponenten Technologiefamilie, dieses Element ist ein Platzhalter innerhalb einer Web-Komponente, die Sie mit Ihrer eigenen Markup füllen können, was ermöglicht, separate DOM-Bäume zu erstellen und zusammen darzustellen.
<template> Ein Mechanismus zum Halten von HTML, das nicht sofort beim Laden einer Seite gerendert werden soll, aber anschließend während der Laufzeit mit JavaScript instanziiert werden kann.

Veraltete und überholte Elemente

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

Element Beschreibung
<acronym> Erlaubt es Autoren, klar anzugeben, dass eine Zeichenfolge ein Akronym oder eine Abkürzung für ein Wort bildet.
<big> Zeigt den eingeschlossenen Text in einer Schriftgröße an, die eine Stufe größer ist als der umgebende Text (medium wird zu large, zum Beispiel). Die Größe ist auf die maximal erlaubte Schriftgröße des Browsers begrenzt.
<center> Zeigt seinen block- oder inline-Inhalt horizontal in seinem enthaltenen Element zentriert an.
<content> Ein veralteter Teil der Web-Komponenten Technologien — wurde innerhalb von Shadow DOM als Einfügepunkt verwendet, und war nicht zur Verwendung in gewöhnlichem HTML gedacht. Es wurde jetzt durch das <slot> Element ersetzt, das einen Punkt im DOM erzeugt, an dem ein Shadow DOM eingesetzt werden kann. Erwägen Sie die Verwendung von <slot> stattdessen.
<dir> Container für ein Verzeichnis von Dateien und/oder Ordnern, möglicherweise mit vom Browser bereitgestellten 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 zur Aufnahme von <frame> Elementen verwendet.
<image> Ein altes und schwach unterstütztes Vorläufer des <img> Elements. Es sollte nicht verwendet werden.
<marquee> Wird verwendet, um einen scrollbaren Textbereich einzufügen. Sie können steuern, was passiert, wenn der Text die Ränder seines Inhaltsbereichs erreicht, indem Sie seine Attribute verwenden.
<menuitem> Repräsentiert einen Befehl, der von einem Benutzer über ein Popup-Menü aufgerufen werden kann. Dies umfasst Kontextmenüs sowie Menüs, die einem Menüknopf zugeordnet sein könnten.
<nobr> Verhindert, dass der Text, den es enthält, automatisch auf mehrere Zeilen umbrochen wird, was dazu führen kann, dass der Benutzer horizontal scrollen muss, um die gesamte Breite des Textes zu sehen.
<noembed> Eine veraltete, nicht-standardisierte Methode zur Bereitstellung von alternativem oder "Fallback-" Inhalt für Browser, die das Embed-Element oder den Typ von eingebettetem Inhalt, den ein Autor verwenden möchte, nicht unterstützen. Dieses Element wurde in HTML 4.01 und höher zugunsten des Platzierens von Fallback-Inhalten zwischen den öffnenden und schließenden Tags eines <object> Elements veraltet.
<noframes> Stellt Inhalte bereit, die in Browsern angezeigt werden, die keine Unterstützung für das <frame> Element bieten (oder diese deaktiviert haben). Obwohl die meisten genutzten Browser Frames unterstützen, gibt es Ausnahmen, einschließlich bestimmter Spezialbrowser wie einige mobile Browser und Textmodus-Browser.
<param> Definiert Parameter für ein <object> Element.
<plaintext> Stellt alles, was dem Starttag folgt, als Rohtext dar und ignoriert jegliches folgende HTML. Es gibt kein Endtag, da alles danach als Rohtext betrachtet wird.
<rb> Wird verwendet, um die Basistextkomponente einer Ruby-Anmerkung abzutrennen, d.h. den Text, der annotiert wird. Ein <rb> Element sollte jeden separaten atomaren Abschnitt des Basistextes einhüllen.
<rtc> Umschließt semantische Anmerkungen von Zeichen, die in einer Ruby mit <rb> Elementen präsentiert werden, die innerhalb eines <ruby> Elements verwendet werden. <rb> Elemente können sowohl Aussprache- (<rt>) als auch semantische (<rtc>) Anmerkungen haben.
<shadow> Ein veralteter Teil der Web-Komponenten Technologie-Suite, die als Einfügepunkt von Shadow DOM gedacht war. Sie könnten es verwendet haben, wenn Sie mehrere Shadow-Roots unter einem Shadow-Host erstellt haben. Erwägen Sie stattdessen die Verwendung von <slot>.
<strike> Setzt einen Durchstreich (horizontale Linie) über Text.
<tt> Erstellt Inline-Text, der unter Verwendung der Standard-Monospace-Schrift des Benutzer-Agenten dargestellt wird. Dieses Element wurde für den Zweck erstellt, Text wie dargestellt zu rendern, wie er auf einem Display mit fester Breite wie einem Fernschreiber, einem Nur-Text-Bildschirm oder einem Zeilen-Drucker angezeigt werden würde.
<xmp> Rendert den Text zwischen den Start- und End-Tags, ohne das HTML dazwischen zu interpretieren, unter Verwendung einer Monospace-Schrift. Die HTML2-Spezifikation empfahl, dass es breit genug dargestellt wird, um 80 Zeichen pro Zeile zu erlauben.

Siehe auch