HTML Elemente-Referenz

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

Sie sind nach Funktion gruppiert, um Ihnen zu helfen, leicht zu finden, was Sie suchen. Eine alphabetische Liste aller Elemente wird in der Seitenleiste auf jeder Elementseite sowie auf dieser Seite bereitgestellt.

Hinweis: Für weitere Informationen zu den Grundlagen von HTML-Elementen und -Attributen, siehe den Abschnitt über Elemente im Artikel Einführung in HTML.

Hauptwurzel

Element Beschreibung
<html> Repräsentiert die Wurzel (Top-Level-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, die Software (Suchmaschinen, Browser usw.) dabei helfen, die Seite zu verwenden und darzustellen. Metadaten für Stile und Skripte können in der Seite definiert oder auf eine andere Datei, die die Informationen enthält, verlinkt werden.

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 den 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 genutzt, um Webseite-Icons festzulegen (sowohl "favicon"-Stil-Icons als auch Icons für den Startbildschirm und Apps auf mobilen Geräten) unter anderem.
<meta> Stellt Metadaten dar, die nicht durch andere HTML-Meta-bezogene Elemente dargestellt werden können, wie <base>, <link>, <script>, <style> und <title>.
<style> Enthält Stilinformationen für ein Dokument oder einen Teil eines Dokuments. Es enthält CSS, das auf den Inhalt des Dokuments, das dieses Element enthält, angewendet wird.
<title> Definiert den Titel des Dokuments, der in der Titelleiste eines Browsers oder einem Tab einer Seite angezeigt wird. Es enthält nur Text; Tags innerhalb des Elements werden ignoriert.

Sectioning root

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

Inhalts-Sektionierung

Inhalt-Sektionierungs-Elemente ermöglichen es Ihnen, den Dokumententext in logische Teile zu organisieren. Verwenden Sie die Sektionierungs-Elemente, um einen groben Umriss für Ihre Seiteninhalte zu erstellen, inklusive Kopf- und Fußzeilen-Navigation, und Überschriftselemente, um Inhaltabschnitte zu identifizieren.

Element Beschreibung
<address> Gibt an, dass das eingeschlossene HTML Kontaktinformationen für eine oder mehrere Personen oder eine Organisation bietet.
<article> Repräsentiert eine eigenständige Komposition in einem Dokument, einer Seite, einer Anwendung oder einer Website, die zur unabhängigen Weitergabe oder Wiederverwendung gedacht ist (z. B. in Syndizierung). Beispiele beinhalten einen Forumsbeitrag, einen Zeitschriften- oder Zeitungsartikel, einen Blogeintrag, eine Produktkarte, einen Benutzereintrag oder einen interaktiven Widget.
<aside> Repräsentiert einen Abschnitt eines Dokuments, dessen Inhalt nur indirekt mit dem Hauptinhalt des Dokuments verwandt ist. Asides werden häufig als Seitenleisten oder Info-Boxen dargestellt.
<footer> Repräsentiert einen Fußbereich für sein nächstes übergeordnetes Sectioning Content oder Sectioning Root Element. Ein <footer> enthält typischerweise Informationen zum Autor des Abschnitts, Copyright-Daten oder Links zu verwandten Dokumenten.
<header> Repräsentiert einleitenden Inhalt, typischerweise eine Gruppe einleitender oder navigationaler Hilfsmittel. Es kann einige Überschriftselemente enthalten, aber auch ein Logo, ein Suchformular, einen Autorenname und andere Elemente.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> Repräsentieren sechs Ebenen von Abschnittsüberschriften. <h1> ist die höchste Abschnittsebene und <h6> die niedrigste.
<hgroup> Repräsentiert eine Überschrift, die mit jeglichem sekundären Inhalt gruppiert ist, wie Unterüberschriften, einem alternativen Titel oder einem Slogan.
<main> Repräsentiert den dominanten Inhalt des Körpers eines Dokuments. Der Hauptinhaltsbereich besteht aus Inhalten, die direkt in Bezug auf das zentrale Thema eines Dokuments oder die zentrale Funktionalität einer Anwendung stehen.
<nav> Repräsentiert einen Abschnitt einer Seite, dessen Zweck es ist, Navigationslinks bereitzustellen, entweder innerhalb des aktuellen Dokuments oder zu anderen Dokumenten. Zu den gebräuchlichen Beispielen von Navigationsabschnitten gehören Menüs, Inhaltsverzeichnisse und Register.
<section> Repräsentiert einen generischen eigenständigen Abschnitt eines Dokuments, der kein spezifischeres semantisches Element hat, um ihn darzustellen. Abschnitte sollten immer eine Überschrift haben, mit sehr wenigen Ausnahmen.
<search> Repräsentiert einen Teil, der eine Gruppe von Formularsteuerungselementen oder anderen Inhalten enthält, die sich auf die Durchführung einer Such- oder Filteroperation beziehen.

Textinhalt

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

Element Beschreibung
<blockquote> Gibt an, dass der eingeschlossene Text ein erweiterteres Zitat ist. Normalerweise wird dies visuell durch Einrückung 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 Wirkung auf den Inhalt oder das Layout, bis es auf irgendeine Weise mit CSS gestylt wird (z. B. wird das Styling direkt darauf angewendet, oder ein Layoutmodell wie Flexbox wird auf sein übergeordnetes Element angewendet).
<dl> Repräsentiert eine Definitionsliste. Das Element umschließt eine Liste von Gruppen von Begriffen (spezifiziert mit dem <dt> Element) und Beschreibungen (bereitgestellt von <dd> Elementen). Häufige Verwendungen für dieses Element sind die Implementierung eines Glossars oder die Anzeige von Metadaten (einer Liste von Schlüssel-Wert-Paaren).
<dt> Spezifiziert einen Begriff in einer Definitions- oder Beschreibungsliste und muss daher innerhalb eines <dl> Elements verwendet werden. Es wird normalerweise von einem <dd> Element gefolgt; jedoch deuten mehrere <dt> Elemente in einer Reihe verschiedene Begriffe an, die alle von dem unmittelbar nächsten <dd> Element definiert werden.
<figcaption> Repräsentiert eine Beschriftung oder Legende, die den Rest des Inhalts seines übergeordneten <figure> Elements beschreibt.
<figure> Repräsentiert eigenständigen Inhalt, potenziell mit einer optionalen Beschriftung, die mit dem <figcaption> Element angegeben wird. Die Figur, ihre Beschriftung und ihre Inhalte werden als eine Einheit referenziert.
<hr> Stellt einen thematischen Bruch zwischen Absatz-Ebenelementen dar: Zum Beispiel eine Änderung der Szene in einer Geschichte oder ein Wechsel des Themas innerhalb eines Abschnitts.
<li> Repräsentiert einen Artikel in einer Liste. Es muss in einem übergeordneten Element enthalten sein: eine geordnete Liste (<ol>), eine ungeordnete Liste (<ul>) oder ein Menü (<menu>). In Menüs und ungeordneten Listen werden Listenelemente normalerweise mit Auflistungszeichen dargestellt. In geordneten Listen werden sie normalerweise mit ...
<menu> Eine semantische Alternative zu <ul>, aber von Browsern (und im Zugänglichkeitsbaum exponiert) behandelt wie nicht anders als <ul>. Es repräsentiert eine ungeordnete Liste von Elementen (die von <li> Elementen dargestellt werden).
<ol> Repräsentiert eine geordnete Liste von Elementen – normalerweise 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 Leerzeichen und/oder Erstzeileneinrückung getrennt sind, aber HTML-Absätze können jede strukturelle Gruppierung verwandter Inhalte sein, wie Bilder oder Formularelemente.
<pre> Repräsentiert vorformatierten Text, der genau so präsentiert wird, wie er in der HTML-Datei geschrieben ist. Der Text wird typischerweise unter Verwendung eines nicht proportionales oder monospaced Fonts gerendert. Leerzeichen innerhalb dieses Elements werden so wie geschrieben angezeigt.
<ul> Repräsentiert eine ungeordnete Liste von Elementen, typischerweise als eine Liste mit Aufzählungszeichen dargestellt.

Inline-Text-Semantik

Verwenden Sie die HTML Inline-Text-Semantik, um die Bedeutung, die Struktur oder den Stil eines Wortes, einer Zeile oder eines beliebigen frei wählbaren Stücks Text zu definieren.

Element Beschreibung
<a> Erstellt zusammen mit seinem href Attribut einen Hyperlink zu Webseiten, Dateien, E-Mail-Adressen, Standorten innerhalb der aktuellen Seite oder zu allem, was 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, dem ansonsten keine besondere Bedeutung beigemessen wird. Dies war früher als das Fettdruck-Element bekannt, und die meisten Browser zeichnen den Text immer noch im Fettdruck. Sie sollten <b> jedoch nicht verwenden, um Text zu gestalten oder Bedeutung zu beizumessen. Wenn Sie Fettdruck-Text erstellen möchten, sollten Sie das CSS font-weight Attribut verwenden. Wenn Sie angeben möchten, dass ein Element von besonderer Bedeutung ist, sollten Sie das strong Element verwenden.
<bdi> Teilt dem Bidirektional-Algorithmus des Browsers mit, den Text, den er enthält, isoliert von seinem 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, sodass der Text innerhalb in einer anderen Richtung gerendert wird.
<br> Erzeugt einen Zeilenumbruch im Text (Zeilenumbruch). Es ist nützlich für das Schreiben eines Gedichts oder einer Adresse, bei denen die Teilung von Linien von Bedeutung ist.
<cite> Wird verwendet, um den Titel eines zitierten kreativen Werks zu kennzeichnen. Die Referenz kann in einer abgekürzten Form nach kontextgerechten Konventionen in Bezug auf Zitierungsmetadaten gegeben werden.
<code> Zeigt seinen Inhalt in einer Weise an, die darauf hinweist, dass der Text ein kurzes Fragment von Computercode ist. Der Inhaltstext wird standardmäßig unter Verwendung des standardmäßigen Monospace-Schriftart des Benutzers angezeigt.
<data> Verknüpft ein gegebenes Stück Inhalt mit einer maschinenlesbaren Übersetzung. Wenn es sich um ein zeit- oder datumsbezogenes Datum handelt, muss das <time> Element verwendet werden.
<dfn> Wird verwendet, um den Begriff zu kennzeichnen, der im Kontext einer Definitionsphrase oder eines Satzes definiert wird. Das übergeordnete <p> Element, das <dt>/<dd> Paar oder der nächste Abschnittsvorfahre des <dfn> Elements wird als die Definition des Begriffs angesehen.
<em> Kennzeichnet Text, der Stress-Emphase betont hat. Das <em> Element kann verschachtelt werden, wobei jede Verschachtelungsebene einen stärkeren Grad von Emphase anzeigt.
<i> Repräsentiert einen Textbereich, der aus einem bestimmten Grund vom normalen Text abgesetzt ist, wie idiomatischer Text, technische Begriffe und taxonomische Bezeichnungen, unter anderen. Historisch gesehen, wurden diese mit kursiver Schrift präsentiert, was die ursprüngliche Quelle der Benennung <i> dieses Elements war.
<kbd> Repräsentiert eine Spanne von Inline-Text, der Benutzereingaben von einer Tastatur, einer Spracheingabe oder einem anderen Texteingabegerät darstellt. Nach Konvention rendert der Benutzeragent standardmäßig den Inhalt eines <kbd> Elements unter Verwendung seines standardmäßigen Monospace-Schriftart, obwohl dies nicht durch den HTML-Standard vorgeschrieben wird.
<mark> Repräsentiert Text, der für Referenz- oder Notationszwecke markiert oder hervorgehoben ist wegen 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 umschließen. Dieses Element ist für kurze Zitate gedacht, die keine Absatzumbrüche benötigen; für lange Zitate verwenden Sie das <blockquote> Element.
<rp> Wird verwendet, um als Fallback-Klammern für Browser, die keine Unterstützung für die Anzeige von Ruby-Annotationen mithilfe des <ruby> Elements besitzen, Bereitstellung zu bieten. Ein <rp> Element sollte jede der öffnenden und schließenden Klammern um das <rt> Element umschließen, das den Anmerkungstext enthält.
<rt> Gibt die Ruby-Textkomponente einer Ruby-Annotation 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 gerendert werden, die üblicherweise für die Anzeige der Aussprache ostasiatischer Zeichen verwendet werden. Es kann auch für das Annotieren anderer Arten von Text verwendet werden, aber diese Verwendung ist weniger häufig.
<s> Rendert Text mit einem Durchstrich oder einer Linie hindurch. Verwenden Sie das <s> Element, um Dinge zu repräsentieren, die nicht mehr relevant oder nicht mehr korrekt sind. <s> ist jedoch unangebracht, wenn Dokumentenänderungen angezeigt werden sollen; verwenden Sie dafür geeigneterweise die <del> und <ins> Elemente.
<samp> Wird verwendet, um Inline-Text zu umschließen, der Beispiel (oder zitierten) Ausgabe von einem Computerprogramm darstellt. Sein Inhalt wird normalerweise mit der standardmäßigen Monospace-Schriftart des Browsers gerendert (wie z. B. Courier oder Lucida Console).
<small> Repräsentiert Nebenkommentare und Kleingedrucktes, wie Urheberrecht und rechtlichen Text, unabhängig von seiner gestalteten Darbietung. Standardmäßig rendert es Text innerhalb davon in einer Schriftgröße kleiner, z. B. von small zu x-small.
<span> Ein generischer Inline-Container für Phraseninhalt, das nicht von sich aus etwas repräsentiert. Es kann verwendet werden, um Elemente für Styling-Zwecke (Verwendung der class oder id Attribute) oder weil sie gemeinsame Attributwerte besitzen, wie lang, zu gruppieren. Es sollte nur verwendet werden, wenn kein anderes semantisches Element angemessen ist. <span> ist sehr wie ein div Element, aber div ist ein Block-Level Element, während ein <span> ein Inline-Level Element ist.
<strong> Gibt an, dass sein Inhalt starke Wichtigkeit, Ernsthaftigkeit oder Dringlichkeit hat. Browser rendert den Inhalt typischerweise in Fettdruck.
<sub> Gibt Inline-Text an, der als tiefgestellt angezeigt werden soll und ausschließlich aus typografischen Gründen. Tiefstellungen werden typischerweise mit einem abgesenkten Baseline unter Verwendung kleinerer Schriftart gerendert.
<sup> Gibt Inline-Text an, der als hochgestellt angezeigt werden soll und ausschließlich aus typografischen Gründen. Hochstellungen werden normalerweise mit einer erhöhten Baseline unter Verwendung kleinerer Schriftart gerendert.
<time> Repräsentiert einen bestimmten Zeitraum. Es kann das datetime Attribut enthalten, um Daten in ein maschinenlesbares Format zu übersetzen, was bessere Suchmaschinenergebnisse oder benutzerdefinierte Funktionen wie Erinnerungen unterstützt.
<u> Repräsentiert eine Spanne von Inline-Text, die in einer Weise gerendert werden sollte, die anzeigt, dass sie eine nicht-textuelle Annotation hat. Dies wird standardmäßig als einfache durchgehende Unterstreichung gerendert, kann aber mit CSS verä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 Zeichensatzes präsentiert, obwohl dieses Verhalten browserabhängig ist.
<wbr> Repräsentiert eine Wortbruchchance – eine Position innerhalb des Texts, an der der Browser optional eine Zeile brechen kann, obwohl seine Zeilenumbruchregeln ansonsten keinen Umbruch an dieser Stelle schaffen würden.

Bild und Multimedia

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

Element Beschreibung
<area> Definiert einen Bereich innerhalb einer Bildkarte, die vordefinierte klickbare Bereiche hat. Eine Bildkarte erlaubt es, geometrische Bereiche auf einem Bild mit einem Hyperlink zu verknüpfen.
<audio> Wird zur Einbettung von Toninhalten in Dokumenten verwendet. Es kann eine oder mehrere Audioquellen enthalten, dargestellt mit dem src Attribut oder dem source Element: Der Browser wählt die geeignetste aus. Es kann auch das Ziel für gestreamte Medien sein, unter Verwendung eines MediaStream.
<img> Betten Sie ein Bild in das Dokument ein.
<map> Wird mit <area>-Elementen verwendet, um eine Bildkarte (einen anklickbaren Linkbereich) zu definieren.
<track> Wird als Kind von Media-Elementen, Audio und Video, verwendet. Es erlaubt die Festlegung von zeitgesteuerten Textspuren (oder zeitbasierten Daten), zum Beispiel zur automatischen Handhabung von Untertiteln. Die Spuren sind im WebVTT Format (.vtt Dateien) – Web Video Text Tracks – formatiert.
<video> Betten Sie einen Mediaplayer, der Videowiedergabe unterstützt, in das Dokument ein. Sie können <video> auch für Audioinhalte verwenden, aber das audio Element bietet möglicherweise eine angemessenere Benutzererfahrung.

Eingebetteter Inhalt

Zusätzlich zu regulären Multimedia-Inhalten kann HTML eine Vielzahl von anderem Inhalt einbinden, auch wenn es nicht immer einfach ist, damit zu interagieren.

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 für interaktiven Inhalt wie einem Browser-Plugin bereitgestellt.
<fencedframe> Repräsentiert einen verschachtelten Browsing-Kontext, ähnlich wie <iframe>, jedoch mit mehr nativen Datenschutz-Merkmalen integriert.
<iframe> Repräsentiert einen verschachtelten Browsing-Kontext, der eine andere HTML-Seite in die aktuelle einbettet.
<object> Repräsentiert eine externe Ressource, die als Bild, ein verschachtelter Browsing-Kontext oder eine Ressource behandelt werden kann, die von einem Plugin verarbeitet werden muss.
<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 die Einbettung einer anderen HTML-Seite in die aktuelle, um ein nahtloseres Navigieren in neue Seiten zu ermöglichen.
<source> Gibt mehrere Medienquellen für das picture, das audio Element oder das video Element an. Es ist ein elementares (leeres) Element, was bedeutet, dass es keinen Inhalt hat und kein schließendes Tag besitzt. Es wird häufig verwendet, um denselben Medieninhalt in mehreren Dateiformaten anzubieten, um die Kompatibilität mit einer breiten Palette von Browsern zu gewährleisten, angesichts ihrer unterschiedlichen Unterstützung für Bilddateiformate und Mediendateiformate.

SVG und MathML

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

Element Beschreibung
<svg> Container, der ein neues Koordinatensystem und einen Viewport definiert. Er 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. Jede gültige MathML-Instanz muss in diesem Element eingeschlossen sein. Zusätzlich dürfen Sie kein zweites <math> Element in einem anderen verschachteln, aber Sie können eine beliebige Anzahl anderer Kindelemente darin haben.

Scripting

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

Element Beschreibung
<canvas> Container-Element zur Verwendung mit entweder der Canvas-Skripting-API oder der WebGL API zum Zeichnen von Grafiken und Animationen.
<noscript> Definiert einen Abschnitt von HTML, der eingefügt wird, wenn ein Skripttyp auf der Seite nicht unterstützt wird oder wenn momentan das Skripting im Browser ausgeschaltet ist.
<script> Wird zur Einbettung von ausführbarem Code oder Daten verwendet; dies wird typischerweise verwendet, um auf JavaScript-Code zu verweisen oder diesen einzubetten. Das <script>-Element kann auch mit anderen Programmiersprachen, wie WebGL's GLSL Shader Programmiersprache und JSON, verwendet werden.

Markierung von Bearbeitungen

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

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

Tabellendaten

Die hier aufgelisteten 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 übergeordnetes <colgroup>-Element repräsentiert wird. Das <col>-Element ist nur gültig als Kind eines <colgroup>-Elements, das kein span-Attribut definiert hat.
<colgroup> Definiert eine Gruppe von Spalten innerhalb einer Tabelle.
<table> Repräsentiert tabellarische Daten – also Informationen in einer zweidimensionalen Tabelle mit Zeilen und Spalten von Datenzellen präsentiert.
<tbody> Umschließt eine Gruppe von Tabellenzeilen (<tr>-Elemente), die anzeigen, dass sie den Hauptinhalt einer Tabelle darstellen.
<td> Als Kind des <tr>-Elements definiert es eine Zelle einer Tabelle, die Daten umfasst.
<tfoot> Umschließt eine Gruppe von Tabellenzeilen (<tr>-Elemente), die anzeigen, dass sie den Fuß einer Tabelle mit Informationen zu den Spalten der Tabelle darstellen. Dies ist normalerweise eine Zusammenfassung der Spalten, z. B. eine Summe der angegebenen Zahlen in einer Spalte.
<th> Als Kind des <tr>-Elements definiert es eine Zelle als Kopfzeile einer Gruppe von Tabellenzellen. Die Natur dieser Gruppe kann explizit durch die scope- und headers Attribute definiert werden.
<thead> Umschließt eine Gruppe von Tabellenzeilen (<tr>-Elemente), die anzeigen, dass sie den Kopf einer Tabelle mit Informationen zu den Spalten der Tabelle darstellen. Dies ist normalerweise in Form von Spaltenüberschriften (<th>-Elemente).
<tr> Definiert eine Reihe von Zellen in einer Tabelle. Die Zellen der Reihe können dann unter Verwendung einer Mischung von <td> (Datenzelle) und <th> (Kopfzelle) Elementen etabliert werden.

Formulare

HTML bietet mehrere Elemente, 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 sind im HTML-Formulare-Leitfaden verfügbar.

Element Beschreibung
<button> Ein interaktives Element, das von einem Benutzer mit einer Maus, Tastatur, einem Finger, einem Sprachbefehl oder einer anderen assistiven Technologie 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 Gruppe von <option> Elementen, die die zulässigen oder empfohlenen Optionen darstellen, die innerhalb anderer Steuerelemente ausgewählt werden können.
<fieldset> Wird verwendet, um mehrere Steuerelemente sowie Beschriftungen (<label>) innerhalb eines Webformulars zu gruppieren.
<form> Repräsentiert einen Dokumentabschnitt, der interaktive Steuerelemente zum Einsenden von Informationen enthält.
<input> Wird zur Erstellung interaktiver Steuerelemente für webbasierte Formulare verwendet, um Daten vom Benutzer zu akzeptieren; eine Vielzahl von Eingabedatentypen und Steuerungswidgets sind verfügbar, abhängig vom Gerät und Benutzeragenten. Das <input> Element ist eines der leistungsstärksten 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> Elements.
<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 eine Option in einem Auswahlmenü, einer <optgroup>, oder einem <datalist> Element zu definieren. Als solches kann <option> Menüpunkte in Popups und andere Listen von Einträgen in einem HTML-Dokument darstellen.
<output> Container-Element, in das eine Website oder App die Ergebnisse einer Berechnung oder das Ergebnis einer Benutzeraktion einfügen kann.
<progress> Zeigt einen Indikator, der den Fortschritt zur Fertigstellung einer Aufgabe darstellt, typischerweise in Form eines Fortschrittsbalkens.
<select> Repräsentiert ein Steuerelement, das ein Optionsmenü bereitstellt.
<textarea> Repräsentiert ein Multi-Line-Plain-Text-Bearbeitungssteuerelement, nützlich, wenn Sie Benutzern erlauben möchten, eine beträchtliche Menge an freien Text einzugeben, beispielsweise einen Kommentar zu einem Bewertung oder einem Feedback-Formular.

Interaktive Elemente

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

Element Beschreibung
<details> Erstellt ein Offenlegungs-Widget, in dem Informationen nur sichtbar sind, wenn das Widget in einen "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 ein abweisbares Alert, ein Inspektor oder ein Unterfenster.
<summary> Gibt eine Zusammenfassung, Beschriftung oder Legende für einen Details Element Offenlegungskasten an. Das Klicken auf das <summary> Element schaltet den Zustand des übergeordneten <details> Elements zwischen geöffnet und geschlossen um.

Web Components

Web Components ist eine mit HTML verbundene Technologie, die es ermöglicht, im Wesentlichen benutzerdefinierte Elemente zu erstellen und zu verwenden, als wären es reguläre HTML-Elemente. Außerdem können Sie benutzerdefinierte Versionen der Standard-HTML-Elemente erstellen.

Element Beschreibung
<slot> Teil der Web Components Technologie-Suite, ist dieses Element ein Platzhalter innerhalb einer Webkomponente, den Sie mit Ihrem eigenen Markup füllen können, was es Ihnen erlaubt, separate DOM-Bäume zu erzeugen und zusammen darzustellen.
<template> Ein Mechanismus zum Halten von HTML, der nicht sofort beim Laden einer Seite gerendert werden soll, aber möglicherweise im Anschluss während der Laufzeit mithilfe von JavaScript instanziiert wird.

Veraltete und abgelegte 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 sie in alten Projekten so schnell wie möglich ersetzen. Sie werden hier nur der Vollständigkeit halber aufgelistet.

Element Beschreibung
<acronym> Erlaubt es Autoren, klar anzuzeigen, dass eine Abfolge von Zeichen ein Akronym oder eine Abkürzung für ein Wort darstellt.
<big> Rendert den eingeschlossenen Text in einer Schriftgröße, die um eine Stufe größer ist als der umgebende Text (medium wird beispielsweise large). Die Größe wird auf die maximal zulässige Schriftgröße des Browsers beschränkt.
<center> Stellt seinen block-level oder inline-Inhalte zentriert horizontal innerhalb seines umgebenden Elements dar.
<content> Ein veralteter Teil der Web Components Technologie – wurde innerhalb des Shadow DOM als Einfügepunkt verwendet und war nicht für die normale Verwendung in HTML gedacht. Es wurde nun durch das <slot> Element ersetzt, welches einen Punkt im DOM erzeugt, an dem ein Shadow DOM eingefügt werden kann. Erwägen Sie stattdessen die Verwendung von <slot>.
<dir> Container für ein Verzeichnis von Dateien und/oder Ordnern, möglicherweise mit Stilen und Symbolen, die vom Benutzeragenten angewendet werden. 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> Wurde verwendet, um <frame> Elemente zu enthalten.
<image> Eine veraltete und schlecht unterstützte Vorläufer des <img> Elements. Es sollte nicht verwendet werden.
<marquee> Wurde verwendet, um einen scrollenden Textbereich einzufügen. Sie können kontrollieren, was passiert, wenn der Text die Ränder seines Inhaltsbereichs erreicht, indem Sie seine Attribute verwenden.
<menuitem> Repräsentiert einen Befehl, den ein Benutzer durch ein Popup-Menü aufrufen kann. Dieses umfasst Kontextmenüs sowie Menüs, die möglicherweise an eine Menütaste angehängt sind.
<nobr> Verhindert, dass der Text, den es enthält, automatisch über mehrere Zeilen läuft, was möglicherweise dazu führt, dass der Benutzer horizontal scrollen muss, um die gesamte Breite des Texts zu sehen.
<noembed> Eine veraltete, nicht standardmäßige Möglichkeit, alternativen oder "Fallback"-Inhalt bereitzustellen, für Browser, die das Embed-Element nicht unterstützen oder die Art von embedded content 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 öffnenden und schließenden Tags eines <object> Elements veraltet.
<noframes> Bietet Inhalte an, die in Browsern angezeigt werden sollen, die die <frame> Elemente nicht unterstützen (oder deren Unterstützung deaktiviert haben). Obwohl die meisten gängigen Browser Frames unterstützen, gibt es Ausnahmen, einschließlich bestimmter Spezialbrowser, einschließlich einiger mobiler Browser, sowie Text-Mode-Browser.
<param> Definiert Parameter für ein <object> Element.
<plaintext> Rendert alles, was nach dem Start-Tag kommt, als reinen Text, indem es jegliches folgende HTML ignoriert. Es gibt keinen End-Tag, da alles danach als reiner Text betrachtet wird.
<rb> Wird verwendet, um die Basisteilkomponente einer Ruby-Annotation abzugrenzen, d. h. den Text, der annotiert wird. Ein <rb> Element sollte jedes separate atomare Segment des Basisteils umwickeln.
<rtc> Umfasst semantische Annotationen von Zeichen, die in einem Ruby von <rb> Elementen, die innerhalb eines <ruby> Elements verwendet werden, präsentiert werden. <rb> Elementen können sowohl Aussprache- (<rt>) als auch semantische (<rtc>) Anmerkungen haben.
<shadow> Ein veralteter Teil der Web Components Technologie-Suite, die als Shadow DOM Einfügepunkt gedacht war. Sie könnten es verwendet haben, wenn Sie mehrere Shadow Wurzeln unter einem Shadow Host erstellt haben. Erwägen Sie stattdessen die Verwendung von <slot>.
<strike> Platziert einen Durchstrich (horizontale Linie) über Text.
<tt> Erstellt Inline-Text, der mit der standardmäßigen monospace-Schriftart des Benutzeragenten präsentiert wird. Dieses Element wurde zu dem Zweck erstellt, Texte so darzustellen, wie sie auf einem festbreiten Display wie einem Fernschreiber, einem Text-Only-Bildschirm oder einem Zeilendrucker angezeigt werden würden.
<xmp> Rendert den Text zwischen dem Start- und End-Tag ohne Interpretation des HTML dazwischen und unter Verwendung eines monospace Schriftart. Die HTML2-Spezifikation empfahl, dass es breit genug, um 80 Zeichen pro Zeile darzustellen, gerendert werden sollte.

Siehe auch