HTML-Elemente-Referenz

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

Sie sind nach Funktionen gruppiert, um Ihnen zu helfen, das Gewünschte leichter zu finden. Eine alphabetische Liste aller Elemente finden Sie in der Seitenleiste 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, daher wird es 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, um Software (Suchmaschinen, Browser usw.) bei der Nutzung und Darstellung der Seite zu unterstützen. Metadaten für Stile und Skripte können in der Seite definiert oder mit einer anderen Datei, die Informationen enthält, verknüpft sein.

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 verlinken, aber auch, um Website-Icons (sowohl "Favicon"-Stil-Icons als auch Icons für den Startbildschirm und Apps auf mobilen Geräten) zu etablieren.
<meta> Repräsentiert Metadaten, die nicht durch andere HTML-Metadaten-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 die Inhalte des Dokuments angewendet wird, das 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 reiner Text behandelt.

Abschnittselement

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

Inhaltsabschnitt

Inhaltsabschnittselemente ermöglichen es Ihnen, den Dokumenteninhalt in logische Teile zu organisieren. Verwenden Sie die Abschnittselemente, um eine breite Gliederung für den Seiteninhalt zu erstellen, einschließlich Kopf- und Fußzeilen-Navigation, und Überschriftselemente, um Abschnitte von Inhalten zu identifizieren.

Element Beschreibung
<address> Gibt an, dass das beigefügte HTML Kontaktinformationen für eine Person oder Personen oder für eine Organisation bereitstellt.
<article> Repräsentiert eine eigenständige Zusammensetzung in einem Dokument, einer Seite, einer Anwendung oder einer Website, die dazu bestimmt ist, unabhängig verbreitbar oder wiederverwendbar zu sein (z. B. in der Syndizierung). Beispiele umfassen einen Forenbeitrag, einen Magazin- oder Zeitungsartikel, einen Blogeintrag, eine Produktkarte, einen vom Benutzer eingereichten 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 in Verbindung steht. Randbemerkungen werden häufig als Seitenleisten oder Callout-Boxen präsentiert.
<footer> Repräsentiert eine Fußzeile für ihr nächstes übergeordnetes Element Abschnittsinhalten oder Abschnittswurzelelement. Ein <footer> enthält typischerweise Informationen über den Autor des Abschnitts, Copyright-Informationen oder Links zu verwandten Dokumenten.
<header> Repräsentiert einleitende Inhalte, typischerweise eine Gruppe von einleitenden oder navigativen Hilfsmitteln. Es kann einige Überschriftselemente enthalten, aber auch ein Logo, ein Suchformular, einen Autorennamen und andere Elemente.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> Stellen sechs Ebenen von Abschnittsüberschriften dar. <h1> ist die höchste Abschnittebene und <h6> ist die niedrigste.
<hgroup> Repräsentiert eine Überschrift, die mit sekundären Inhalten gruppiert ist, wie Unterüberschriften, einen alternativen Titel oder einen Slogan.
<main> Repräsentiert den dominanten Inhalt des Hauptteils eines Dokuments. Der Hauptinhaltsbereich besteht aus Inhalten, die direkt mit dem zentralen Thema eines Dokuments oder der zentralen Funktionalität einer Anwendung zusammenhängen oder darauf aufbauen.
<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, der kein spezifischeres semantisches Element zur Darstellung hat. Abschnitte sollten immer eine Überschrift haben, mit sehr wenigen Ausnahmen.
<search> Repräsentiert einen Teil, der ein Set von Formulareingabesteuerungen oder andere Inhalte enthält, die mit der Durchführung einer Suche oder Filteroperation in Verbindung stehen.

Textinhalte

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

Element Beschreibung
<blockquote> Gibt an, dass der eingefügte Text ein erweitertes Zitat ist. Dies wird normalerweise visuell durch Einrückung angezeigt. 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 Beschreibungs-Liste (<dl>).
<div> Der generische Container für Flussinhalte. Es hat keine Auswirkungen auf den Inhalt oder die Anordnung, bis es irgendwie mit CSS gestaltet wird (z. B. wenn es direkt gestylt wird oder ein Layout-Modell wie Flexbox auf sein übergeordnetes Element angewendet wird).
<dl> Repräsentiert eine Beschreibungs-Liste. Das Element umschließt eine Liste von Gruppen von Begriffen (angegeben mit dem <dt>-Element) und Beschreibungen (bereitgestellt von <dd>-Elementen). Häufige Verwendungszwecke 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 Beschreibungs- oder Definitionsliste an und muss daher innerhalb eines <dl>-Elements verwendet werden. Es wird normalerweise von einem <dd>-Element gefolgt; jedoch deuten mehrere <dt>-Elemente in einer Zeile auf mehrere Begriffe hin, die alle durch das unmittelbar nächste <dd>-Element definiert werden.
<figcaption> Repräsentiert eine Beschriftung oder Legende, die den Rest des Inhalts des übergeordneten <figure>-Elements beschreibt.
<figure> Repräsentiert eigenständige Inhalte, potenziell mit einer optionalen Beschriftung, die mit dem <figcaption>-Element angegeben wird. Die Abbildung, ihre Beschriftung und ihr Inhalt werden als eine Einheit referenziert.
<hr> Repräsentiert einen thematischen Bruch zwischen Elementen auf Absatzebene: zum Beispiel einen Szenenwechsel in einer Geschichte oder einen Themawechsel 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 auf der linken Seite angezeigt, wie z. B. eine Zahl oder ein Buchstabe.
<menu> Eine semantische Alternative zu <ul>, wird jedoch von Browsern (und durch den Accessibility-Tree exponiert) genauso behandelt wie <ul>. Es stellt eine ungeordnete Liste von Elementen dar (die durch <li>-Elemente dargestellt werden).
<ol> Repräsentiert eine geordnete Liste von Elementen — typischerweise als nummerierte Liste dargestellt.
<p> Repräsentiert einen Absatz. Absätze werden in visuellen Medien normalerweise als Textblöcke dargestellt, die von benachbarten Blöcken durch Leerzeilen und/oder Einzug der ersten Zeile getrennt sind, aber HTML-Absätze können jede strukturelle Gruppierung von zusammenhängenden Inhalten sein, wie Bilder oder Formulareingabefelder.
<pre> Repräsentiert vorformatierten Text, der genau so präsentiert werden soll, wie er in der HTML-Datei geschrieben ist. Der Text wird normalerweise mit einer nicht proportionalen oder monospaced-Schriftart gerendert. Leerraum innerhalb dieses Elements wird so angezeigt, wie er geschrieben ist.
<ul> Repräsentiert eine ungeordnete Liste von Elementen, typischerweise als Liste mit Aufzählungszeichen dargestellt.

Semantik des Inline-Texts

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

Element Beschreibung
<a> Zusammen mit seinem href-Attribut erstellt es einen Hyperlink zu Webseiten, Dateien, E-Mail-Adressen, Orten innerhalb der aktuellen Seite oder allem anderen, was eine URL ansprechen 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 erhält. Dies war früher als das Fettgedrucktelement bekannt, und die meisten Browser zeichnen den Text immer noch fett. Sie sollten <b> jedoch nicht zum Stylen von Text oder zur Hervorhebung verwenden. Wenn Sie fettgedruckten Text erstellen möchten, sollten Sie die CSS-Eigenschaft font-weight verwenden. Wenn Sie angeben möchten, dass ein Element von besonderer Bedeutung ist, sollten Sie das <strong>-Element verwenden.
<bdi> Weist den bidirektionalen Algorithmus des Browsers an, den enthaltenen Text unabhängig von dem umgebenden Text zu behandeln. Es ist besonders nützlich, wenn eine Website dynamisch Text einfügt und die Richtung des eingefügten Textes nicht bekannt ist.
<bdo> Überschreibt die aktuelle Textrichtung, sodass der Text innerhalb in einer anderen Richtung angezeigt wird.
<br> Erzeugt einen Zeilenumbruch im Text (Wagenrücklauf). Es ist nützlich zum Schreiben eines Gedichts oder einer Adresse, bei denen die Aufteilung der Zeilen wichtig ist.
<cite> Wird verwendet, um den Titel eines kreativen Werks zu markieren. Der Verweis kann in abgekürzter Form gemäß kontextbezogenen Konventionen im Zusammenhang mit Zitaten angegeben werden.
<code> Zeigt seinen Inhalt in einem Stil an, der darauf abzielt, anzuzeigen, dass der Text ein kurzes Fragment von Computercode ist. Standardmäßig wird der Inhaltstext mit der Standardschriftart des Benutzers in Monospace-Font angezeigt.
<data> Verknüpft ein gegebenes Stück Inhalt mit einer maschinenlesbaren Übersetzung. Wenn der Inhalt zeit- oder datumsbezogen ist, muss das <time>-Element verwendet werden.
<dfn> Wird verwendet, um den Begriff anzuzeigen, der innerhalb des Kontexts einer Definitionsphrase oder eines -satzes definiert wird. Das übergeordnete <p>-Element, die <dt>/<dd>-Kombination oder der nächste Abschnittsvorfahre des <dfn>-Elements wird als die Definition des Begriffs betrachtet.
<em> Markiert Text, der betonte Betonung hat. Das <em>-Element kann verschachtelt werden, wobei jede Verschachtelungsebene einen höheren Grad an Betonung angibt.
<i> Repräsentiert einen Textbereich, der aus einem bestimmten Grund vom normalen Text abgesetzt ist, wie idiomatische Texte, technische Begriffe und taxonomische Bezeichnungen, unter anderem. Historisch wurden diese mit kursiver Schrift präsentiert, was die ursprüngliche Quelle der Benennung dieses Elements <i> ist.
<kbd> Repräsentiert einen Bereich von Inline-Text, der eine textuelle Benutzereingabe von einer Tastatur, Stimmeingabe oder einem anderen Texteingabegerät darstellt. Konventionell renderiert der Benutzeragent standardmäßig die Inhalte eines <kbd>-Elements mit seiner Standardschriftart für Monospace-Fonts, obwohl dies nicht vom HTML-Standard vorgeschrieben ist.
<mark> Repräsentiert Text, der für Verweis- oder Notationszwecke aufgrund der Relevanz des markierten Abschnitts im umschließenden Kontext markiert oder hervorgehoben ist.
<q> Gibt an, dass der angefügte Text ein kurzes Inline-Zitat ist. Die meisten modernen Browser implementieren dies, indem sie den Text mit Anführungszeichen umgeben. Dieses Element ist für kurze Zitate gedacht, die keine Absatzumbrüche erfordern; für lange Zitate verwenden Sie das <blockquote>-Element.
<rp> Wird verwendet, um Ersatz-Klammern 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 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 in einem <ruby>-Element enthalten sein.
<ruby> Repräsentiert kleine Anmerkungen, die über, unter oder neben dem Basistext angezeigt werden, die normalerweise verwendet werden, um die Aussprache von ostasiatischen Zeichen zu zeigen. Es kann auch verwendet werden, um andere Arten von Text zu annotieren, aber diese Verwendung ist seltener.
<s> Rendert Text mit einem Durchstrich oder einer Linie darüber. Verwenden Sie das <s>-Element, um Dinge darzustellen, die nicht mehr relevant oder nicht mehr korrekt sind. <s> ist jedoch nicht geeignet, um Dokumentenänderungen anzuzeigen; dafür verwenden Sie die Elemente <del> und <ins>, wie es sinnvoll ist.
<samp> Wird verwendet, um Inline-Text zu umschließen, der eine Beispielfolge (oder zitiertes) Ausgabe eines Computerprogramms darstellt. Seine Inhalte werden typischerweise mit der Standardschriftart des Browsers für speziell formatierte Schriftarten (wie Courier oder Lucida Console) angezeigt.
<small> Repräsentiert Nebenkommentare und Kleindruck, wie Copyright und rechtlichen Text, unabhängig von der gestylten Darstellung. Standardmäßig rendert es den Text darin eine Schriftgröße kleiner, wie von small zu x-small.
<span> Ein generischer Inline-Container für Formatinhalte, der von sich aus nichts darstellt. Es kann verwendet werden, um Elemente zusammenzufassen, die Styling-Zwecken dienen (mithilfe der Attribute class oder id), oder weil sie gemeinsame Attributwerte, wie lang, teilen. Es sollte nur verwendet werden, wenn kein anderes semantisches Element geeignet ist. <span> ist dem Div-Element sehr ähnlich, aber Div ist ein Block-Element, während ein <span> ein Inline-Element ist.
<strong> Gibt an, dass seine Inhalte von großer Bedeutung, Ernsthaftigkeit oder Dringlichkeit sind. Browser rendern die Inhalte typischerweise in Fettschrift.
<sub> Gibt Inline-Text an, der aus rein typografischen Gründen als tiefgestellt angezeigt wird. Tiefstellungen werden typischerweise mit einer abgesenkten Grundlinie unter Verwendung 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 Grundlinie und kleinerem Text 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 Inline-Textbereich, der so gerendert werden soll, dass darauf hingewiesen wird, dass er eine nicht-textuelle Annotation hat. Dies wird standardmäßig als einfache durchgezogene Linie unterstrichen, kann jedoch mit CSS geändert werden.
<var> Repräsentiert den Namen einer Variablen in einem mathematischen Ausdruck oder einem Programmierkontext. Es wird normalerweise mit einer kursiven Version der aktuellen Schriftart dargestellt, obwohl dieses Verhalten browserabhängig ist.
<wbr> Repräsentiert eine Wortumbruchmöglichkeit — eine Position im Text, an der der Browser optional eine Zeile unterbrechen kann, obwohl seine Zeilenumbruchregeln an dieser Position keine Unterbrechung erzeugen würden.

Bild und Multimedia

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

Element Beschreibung
<area> Definiert ein Gebiet innerhalb einer Bildkarte, das vordefinierte klickbare Bereiche hat. Eine Bildkarte erlaubt es, geometrische Bereiche in einem Bild mit einem Hyperlink zu verknüpfen.
<audio> Wird verwendet, um Toninhalten in Dokumente einzubetten. Es kann eine oder mehrere Audioquellen enthalten, dargestellt mit dem src-Attribut oder dem Source-Element: Der Browser wählt die am besten geeignete aus. Es kann auch das Ziel für gestreamte Medien sein, unter Verwendung eines MediaStream.
<img> Betettet ein Bild in das Dokument ein.
<map> Wird mit <area>-Elementen verwendet, um eine Bildkarte (einen klickbaren Linkbereich) zu definieren.
<track> Wird als untergeordnetes Element der Medienelemente Audio und Video verwendet. Es ermöglicht die Spezifikation zeitgesteuerten Textspuren (oder zeitbasierter Daten), zum Beispiel, um Untertitel automatisch zu handhaben. Die Spuren sind im WebVTT-Format (.vtt-Dateien) formatiert — Web Video Text Tracks.
<video> Betettet einen Media-Player ein, der Videowiedergabe im Dokument unterstützt. Sie können <video> auch für Audioinhalte verwenden, aber das Audio-Element bietet möglicherweise eine passendere Benutzererfahrung.

Eingebettete Inhalte

Zusätzlich zu regulären Multimedia-Inhalten kann HTML diverse andere Inhalte enthalten, auch wenn sie nicht immer einfach zu nutzen sind.

Element Beschreibung
<embed> Betettet externe Inhalte an einer spezifischen Stelle im Dokument ein. Diese Inhalte werden von einer externen Anwendung oder einer anderen Quelle interaktiver Inhalte, wie einem Browser-Plug-in, zur Verfügung gestellt.
<fencedframe> Repräsentiert einen verschachtelten Browsing-Kontext, ähnlich wie <iframe>, jedoch mit mehr integrierten Datenschutzfunktionen.
<iframe> Repräsentiert einen verschachtelten Browsing-Kontext, das eine andere HTML-Seite in die aktuelle einbettet.
<object> Repräsentiert eine externe Ressource, die als Bild, verschachtelter Browsing-Kontext oder durch ein Plug-in gehandhabte Ressource betrachtet werden kann.
<picture> Enthält null oder mehr <source>-Elemente und ein <img>-Element, um alternative Versionen eines Bildes für unterschiedliche Anzeige- oder Geräteszenarien anzubieten.
<source> Gibt mehrere Medienressourcen für das Bild (picture), das Audio-Element oder das Video-Element an. Es ist ein Leerelement, das bedeutet, dass es keinen Inhalt hat und kein schließendes Tag benötigt. Es wird üblicherweise verwendet, um denselben Medieninhalt in mehreren Dateiformaten anzubieten, um Kompatibilität mit einer breiten Palette an Browsern angesichts deren unterschiedlicher Unterstützung für Bilddateiformate und Mediendateiformate zu schaffen.

SVG und MathML

Sie können SVG- und MathML-Inhalte direkt in HTML-Dokumente einfügen, indem Sie die Elemente <svg> und <math> verwenden.

Element Beschreibung
<svg> Container zur Definition eines neuen Koordinatensystems und Ansichtsfensters. Es wird als äußerstes Element von SVG-Dokumenten verwendet, kann aber auch verwendet werden, um ein SVG-Fragment in ein SVG- oder HTML-Dokument einzufügen.
<math> Das oberste Element in MathML. Jede gültige MathML-Instanz muss darin eingeschlossen sein. Zusätzlich dürfen Sie kein zweites <math>-Element in ein anderes einbetten, aber Sie können in ihm eine beliebige Anzahl anderer Kind-Elemente 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> Container-Element zur Verwendung mit entweder der Canvas-Scripting-API oder der WebGL-API, um Grafiken und Animationen zu zeichnen.
<noscript> Definiert einen HTML-Abschnitt, der eingefügt werden soll, wenn ein Skripttyp auf der Seite nicht unterstützt wird oder wenn 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 wie WebGL's GLSL-Shader-Programmiersprache und JSON verwendet werden.

Änderungen markieren

Diese Elemente ermöglichen es Ihnen, anzugeben, dass bestimmte Teile des Textes geändert wurden.

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

Tabellendaten

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

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 übergeordnetes <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, das heißt, Informationen, die in einer zweidimensionalen Tabelle mit Zeilen und Spalten von Zellen, die Daten enthalten, dargestellt werden.
<tbody> Kapselt eine Menge von Tabellenzeilen (<tr>-Elemente), die anzugeben, dass sie den Hauptteil einer Tabelle (Hauptdaten) umfassen.
<td> Ein Kind des <tr>-Elements, definiert es eine Zelle einer Tabelle, die Daten enthält.
<tfoot> Kapselt eine Menge von Tabellenzeilen (<tr>-Elemente), die anzugeben, dass sie den Fuß einer Tabelle mit Informationen über die Spalten der Tabelle umfassen. Dies ist üblicherweise eine Zusammenfassung der Spalten, beispielsweise eine Summe der gegebenen Zahlen in einer Spalte.
<th> Ein Kind des <tr>-Elements, definiert es eine Zelle als Kopfzeile einer Gruppe von Tabellenzellen. Die Natur dieser Gruppe kann durch die scope- und headers-Attribute explizit definiert werden.
<thead> Kapselt eine Menge von Tabellenzeilen (<tr>-Elemente), die anzugeben, dass sie den Kopf einer Tabelle mit Informationen über die Spalten der Tabelle umfassen. Diese sind normalerweise in Form von Spaltenüberschriften (<th>-Elemente).
<tr> Definiert eine Zeile von Zellen in einer Tabelle. Die Zeileninhalt Zellen können dann mit einer Mischung aus<td> (Datenzelle) und <th> (Kopfzeile) Elementen festgelegt 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 die Anwendung senden kann. Weitere Informationen finden Sie im HTML-Formularleitfaden.

Element Beschreibung
<button> Ein interaktives Element, das von einem Benutzer mit einer Maus, Tastatur, Finger, Sprachbefehl oder anderen unterstützenden Technologien aktiviert wird. Einmal aktiviert, führt es eine Aktion aus, z. B. das Absenden eines Formulars oder das Öffnen eines Dialogfelds.
<datalist> Enthält eine Menge <option>-Elemente, die die erlaubten oder empfohlenen Auswahlmöglichkeiten innerhalb anderer Steuerungen darstellen.
<fieldset> Wird verwendet, um mehrere Steuerungen sowie Bezeichnungen (<label>) innerhalb eines Webformulars zu gruppieren.
<form> Repräsentiert einen Dokumentabschnitt, der interaktive Steuerungen zum Übermitteln von Informationen enthält.
<input> Wird verwendet, um interaktive Steuerungen für webbasierte Formulare zu erstellen, um Daten vom Nutzer zu akzeptieren; eine große Vielfalt von Eingabedatentypen und Steuerelement-Widgets stehen zur Verfügung, abhängig von Gerät und Nutzeragent. Das <input>-Element ist eines der mächtigsten und komplexesten in ganz HTML aufgrund der schieren Anzahl von 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üelemente in Popups und andere Listen von Elementen in einem HTML-Dokument darstellen.
<output> Container-Element, in das eine Webseite oder App die Ergebnisse einer Berechnung oder das Ergebnis einer Benutzeraktion einfügen kann.
<progress> Zeigt einen Indikator, der den Fortschritt einer Aufgabe anzeigt, der typischerweise als Fortschrittsbalken dargestellt wird.
<select> Repräsentiert eine Steuerung, die ein Menü von Optionen bietet.
<selectedcontent> Zeigt den Inhalt der aktuell ausgewählten <option> innerhalb eines geschlossenen <select>-Elements an.
<textarea> Repräsentiert ein mehrzeiliges Plain-Text-Bearbeitungs-Steuerelement, nützlich, wenn Sie Benutzern ermöglichen möchten, einen beträchtlichen Freitext einzugeben, beispielsweise einen Kommentar auf einem Bewertungs- oder Feedback-Formular.

Interaktive Elemente

HTML bietet eine Auswahl an Elementen, die helfen, interaktive Benutzeroberflächenelemente zu erstellen.

Element Beschreibung
<details> Erstellt ein Offenlegungs-Widget, in dem Informationen nur angezeigt werden, wenn das Widget in den "offenen" Zustand umgeschaltet wird. Eine Zusammenfassung oder Beschriftung muss mit dem <summary>-Element bereitgestellt werden.
<dialog> Repräsentiert ein Dialogfeld oder eine andere interaktive Komponente, wie eine dismissible Benachrichtigung, Inspektor oder ein Teilfenster.
<summary> Gibt eine Zusammenfassung, Unterüberschrift oder Legende für ein Details-Element Anzeigefeld an. Das Klicken auf das <summary>-Element wechselt den Zustand des übergeordneten <details>-Elements 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 ob sie reguläre HTML-Elemente wären. Darüber hinaus können Sie benutzerdefinierte Versionen von Standard-HTML-Elementen erstellen.

Element Beschreibung
<slot> Teil der Web-Komponenten-Technologie-Suite, ist dieses Element ein Platzhalter innerhalb einer Web-Komponente, den Sie mit Ihrem eigenen Markup füllen können, was es Ihnen ermöglicht, separate DOM-Bäume zu erstellen und sie zusammen zu präsentieren.
<template> Ein Mechanismus zum Halten von HTML, der nicht sofort beim Laden einer Seite gerendert werden soll, sondern der anschließend zur Laufzeit mit JavaScript instanziiert werden kann.

Veraltete und abgekündigte Elemente

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

Element Beschreibung
<acronym> Ermöglicht es Autoren, klar eine Zeichenfolge anzugeben, die ein Akronym oder eine Abkürzung für ein Wort wiedergibt.
<big> Rendert den eingefügten Text in einer Schriftgröße, die eine Stufe größer ist als der umliegende Text (medium wird beispielsweise zu large). Die Größe ist bei der vom Browser maximal erlaubten Schriftgröße begrenzt.
<center> Zeigt seinen Block-Level- oder Inline-Inhalt horizontal innerhalb seines umschließenden Elements zentriert an.
<content> Ein veralteter Teil der Web-Komponenten-Technologie-Suite — wurde innerhalb von Shadow DOM als Einfügestelle verwendet und war nicht zur Verwendung in gewöhnlichem HTML gedacht. Es wurde jetzt durch das <slot>-Element ersetzt, das einen Punkt im DOM erstellt, an dem ein Shadow DOM eingefügt werden kann. Erwägen Sie, stattdessen <slot> zu verwenden.
<dir> Container für ein Verzeichnis von Dateien und/oder Ordnern, potenziell mit Stilen und Symbolen, die vom Benutzeragenten angewendet wurden. Verwenden Sie dieses veraltete Element nicht; stattdessen sollten Sie das <ul>-Element für Listen, einschließlich Listen von Dateien, verwenden.
<font> Definiert die Schriftgröße, Farbe und Schriftart für ihren Inhalt.
<frame> Definiert einen spezifischen Bereich, in dem ein anderes HTML-Dokument angezeigt werden kann. Ein Rahmen sollte innerhalb eines <frameset> verwendet werden.
<frameset> Wurde verwendet, um <frame>-Elemente zu enthalten.
<image> Ein antikes und schlecht unterstütztes Vorläufer des <img>-Elements. Es sollte nicht verwendet werden.
<marquee> Wird verwendet, um einen scrollenden Textbereich einzufügen. Sie können mit seinen Attributen steuern, was passiert, wenn der Text die Ränder seines Inhaltsbereichs erreicht.
<menuitem> Repräsentiert einen Befehl, den ein Benutzer über ein Popup-Menü aufrufen kann. Dazu gehören Kontextmenüs sowie Menüs, die möglicherweise an eine Menütaste angehängt sind.
<nobr> Verhindert, dass der von ihr enthaltene Text automatisch über mehrere Zeilen umbricht, was möglicherweise dazu führt, dass der Benutzer horizontal scrollen muss, um die gesamte Breite des Texts zu sehen.
<noembed> Eine veraltete, nicht standardisierte Möglichkeit, 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 des Platzierens von Fallback-Inhalten zwischen den Öffnungs- und Schließ-Tags eines <object>-Elements depre

ziert. | | <noframes> | Bietet Inhalt an, der in Browsern präsentiert werden soll, die keine Unterstützung für das <frame>-Element haben (oder bei denen die Unterstützung für Frames deaktiviert ist). Obwohl die am häufigsten genutzten Browser Frames unterstützen, gibt es Ausnahmen, einschließlich bestimmter Spezialbrowser, einschließlich einiger mobiler Browser sowie Textmodus-Browser. | | <param> | Definiert Parameter für ein <object>-Element. | | <plaintext> | Rendert alles, was dem Start-Tag folgt, als Rohtext und ignoriert jegliches folgende HTML. Es gibt kein End-Tag, da alles danach als Rohtext betrachtet wird. | | <rb> | Wird verwendet, um den Basisteil der Ruby-Anmerkung zu kennzeichnen, das heißt, den Text, der kommentiert wird. Ein <rb>-Element sollte jeden separaten atomaren Abschnitt des Basisteils umschließen. | | <rtc> | Umschließt semantische Anmerkungen der Zeichen, die in einer Ruby-Anmerkung von <rb>-Elementen innerhalb des <ruby>-Elements präsentiert werden. <rb>-Elemente können sowohl Aussprache- (<rt>) als auch semantische (<rtc>) Anmerkungen haben. | | <shadow> | Ein veralteter Teil der Web-Komponenten-Technologie-Suite, der als Einfügestelle für das Shadow DOM gedacht war. Sie hätten es möglicherweise verwendet, wenn Sie mehrere Schattenwurzeln unter einem Shadow-Host erstellt haben. Erwägen Sie, stattdessen <slot> zu verwenden. | | <strike> | Platziert einen Durchstrich (horizontale Linie) über dem Text. | | <tt> | Erstellt Inline-Text, der mit der Monospaced-Schriftart des Benutzeragenten dargestellt wird. Dieses Element wurde erstellt, um Text so zu rendern, wie er auf einem Festbreitendisplay wie einem Fernschreiber, einem textbasierten Bildschirm oder einem Zeilendrucker angezeigt würde. | | <xmp> | Rendert Text zwischen dem Start- und End-Tag, ohne das HTML dazwischen zu interpretieren, und mit einer Monospaced-Schriftart. Die HTML2-Spezifikation empfahl, dass es so gerendert werden sollte, dass 80 Zeichen pro Zeile möglich sind. |

Siehe auch