HTML-Elemente-Referenz

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

Sie sind nach Funktion gruppiert, um Ihnen die Suche nach den gewünschten Elementen zu erleichtern. Eine alphabetische Liste aller Elemente wird in der Seitenleiste jeder Elementseite sowie auf dieser Seite bereitgestellt.

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

Hauptwurzel

Element Beschreibung
<html> Stellt die Wurzel (das oberste Element) eines HTML-Dokuments dar, daher wird es auch als Wurzelelement bezeichnet. Alle anderen Elemente müssen Nachkommen dieses Elements sein.

Dokumentenmetadaten

Metadaten enthalten Informationen über die Seite. Dazu gehören Informationen über Stile, Skripte und Daten, die Software (Suchmaschinen, Browser, etc.) bei der Nutzung und Darstellung der Seite helfen. Metadaten für Stile und Skripte können in der Seite definiert oder mit einer anderen Datei verlinkt werden, die die Informationen enthält.

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

Bereichsfindung

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

Inhaltsstrukturierung

Inhaltsstrukturierungselemente ermöglichen es Ihnen, den Dokumentinhalt in logische Abschnitte zu unterteilen. Verwenden Sie die Strukturierungselemente, um eine breite Gliederung für den Inhalt Ihrer Seite zu erstellen, einschließlich Kopf- und Fußzeile-Navigation, und verwenden Sie Überschriftselemente, um Abschnitte von Inhalten zu identifizieren.

Element Beschreibung
<address> Zeigt an, dass das eingeschlossene HTML 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, Anwendung oder Website, die unabhängig verteilt oder wiederverwendet (z. B. in Syndication) beabsichtigt ist. Beispiele umfassen einen Forumsbeitrag, einen Magazin- oder Zeitungsartikel, einen Blogbeitrag, eine Produktkarte, einen vom Benutzer eingereichten Kommentar, ein interaktives Widget oder Gadget oder einen anderen unabhängigen Inhaltspunkt.
<aside> Repräsentiert einen Teil eines Dokuments, dessen Inhalt nur indirekt mit dem Hauptinhalt des Dokuments verwandt ist. Asides werden häufig als Seitenleisten oder Hervorhebungsboxen präsentiert.
<footer> Repräsentiert einen Fußbereich für das nächstgelegene übergeordnete Inhaltselement (Sectioninhalte oder Bereichsroot). Ein <footer> enthält typischerweise Informationen über den Autor des Abschnitts, Urheberrechtsdaten oder Links zu verwandten Dokumenten.
<header> Repräsentiert einleitende Inhalte, typischerweise eine Gruppe von Einführungshilfen oder Navigationshilfen. Es kann einige Überschriftselemente enthalten, aber auch ein Logo, ein Suchformular, einen Autorennamen und andere Elemente.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> Repräsentieren sechs Ebenen von Abschnittsüberschriften. <h1> ist die höchste Abschnittsebene und <h6> ist die niedrigste.
<hgroup> Repräsentiert eine Überschrift, die mit anderen sekundären Inhalten gruppiert ist, wie z. B. Unterüberschriften, einem Alternativtitel oder einem Slogan.
<main> Repräsentiert den dominierenden Inhalt des Körpers eines Dokuments. Der Hauptinhaltsbereich besteht aus Inhalten, die direkt mit dem zentralen Thema eines Dokuments oder der zentralen Funktionalität einer Anwendung in Zusammenhang stehen oder darauf aufbauen.
<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, für den kein spezifischeres semantisches Element vorhanden ist. Abschnitte sollten immer eine Überschrift enthalten, mit sehr wenigen Ausnahmen.
<search> Repräsentiert einen Teil, der eine Gruppe von Formularelementen oder andere Inhalte enthält, die mit der Durchführung einer Such- oder Filteroperation in Zusammenhang stehen.

Textinhalt

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

Element Beschreibung
<blockquote> Zeigt an, dass der eingeschlossene Text ein längeres Zitat ist. In der Regel wird dies visuell durch Einrückung dargestellt. Eine URL für die Quelle des Zitats kann mit dem Attribut cite angegeben werden, während eine Textdarstellung der Quelle mit dem Element <cite> 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 Auswirkungen auf den Inhalt oder das Layout, bis es in irgendeiner Weise mit CSS gestylt wird (z. B. wird Styling direkt darauf angewendet oder ein Art von Layoutmodell wie Flexbox wird auf das übergeordnete Element angewendet).
<dl> Repräsentiert eine Definitionsliste. Das Element umschließt eine Liste von Gruppen von Begriffen (spezifiziert durch das Element <dt>) und Beschreibungen (bereitgestellt durch <dd>-Elemente). Häufige Verwendungen für dieses Element sind das Implementieren eines Glossars oder das Anzeigen von Metadaten (einer Liste von Schlüssel-Wert-Paaren).
<dt> Gibt einen Begriff in einer Definitionsliste an und muss daher innerhalb eines <dl>-Elements verwendet werden. Es wird normalerweise von einem <dd>-Element gefolgt; mehrere <dt>-Elemente in einer Reihe kennzeichnen jedoch mehrere Begriffe, die alle durch das unmittelbar folgende <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ändigen Inhalt, möglicherweise mit einer optionalen Beschriftung, die mit dem <figcaption>-Element angegeben wird. Die Abbildung, ihre Beschriftung und ihr Inhalt werden als Einheit referenziert.
<hr> Repräsentiert einen thematischen Bruch zwischen Absatzelementen: zum Beispiel einen Szenenwechsel in einer Geschichte oder einen 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ählungszeichen angezeigt. In geordneten Listen werden sie normalerweise mit einem aufsteigenden Zähler links angezeigt, z. B. eine Zahl oder ein Buchstabe.
<menu> Eine semantische Alternative zu <ul>, wird jedoch von Browsern (und über den Barrierefreiheitsbaum bereitgestellt) als nicht anders als <ul> behandelt. 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 gerendert.
<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 Einrückung der ersten Zeile getrennt sind, aber HTML-Absätze können jede strukturelle Gruppierung verwandter Inhalte sein, z. B. Bilder oder Formularelemente.
<pre> Stellt vorformatierten Text dar, der genau so dargestellt werden soll, wie er im HTML-Dokument geschrieben ist. Der Text wird normalerweise unter Verwendung einer nicht proportionalen oder monospaced Schriftart gerendert. Leerzeichen innerhalb dieses Elements werden wie geschrieben angezeigt.
<ul> Repräsentiert eine ungeordnete Liste von Elementen, die typischerweise als Aufzählungsliste gerendert wird.

Inline-Textsemantik

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

Element Beschreibung
<a> Erstellt zusammen mit seinem href-Attribut einen Hyperlink zu Webseiten, Dateien, E-Mail-Adressen, Orten innerhalb der aktuellen Seite oder allem anderen, das eine URL adressieren kann.
<abbr> Repräsentiert eine Abkürzung oder ein Akronym.
<b> Dient dazu, die Aufmerksamkeit des Lesers auf den Inhalt des Elements zu lenken, dem ansonsten keine besondere Bedeutung beigemessen wird. Es war früher als das Fetttextelement bekannt, und die meisten Browser stellen den Text immer noch fett dar. Sie sollten <b> jedoch nicht zum Stylen von Text oder zum Verleihen von Bedeutung verwenden. Wenn Sie fett gedruckten 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> Weist den bidirektionalen Algorithmus des Browsers an, 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 (Carriage-Return). Es ist nützlich beim Schreiben eines Gedichts oder einer Adresse, bei denen die Unterteilung der Zeilen von Bedeutung ist.
<cite> Wird verwendet, um den Titel eines kreativen Werks zu kennzeichnen. Der Verweis kann in einer abgekürzten Form entsprechend den kontextabhängigen Zitierkonventionen sein.
<code> Zeigt seinen Inhalt auf eine Weise an, die anzeigt, dass der Text ein kurzes Fragment von Computercode ist. Standardmäßig wird der Inhaltstext in der Standardschriftart des Benutzers 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 im Kontext eines Definitionssatzes oder -satzes definiert wird. Das vorfahrende <p>-Element, das <dt>/<dd>-Paar oder der nächstgelegene Section-Vorfahr des <dfn>-Elements wird als die Definition des Begriffs betrachtet.
<em> Markiert Text, der Betonung durch Stress 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 z. B. idiomatischer Text, technische Begriffe und taxonomische Bezeichnungen. Historisch gesehen wurden diese mit kursiver Schrift präsentiert, was der ursprüngliche Namensgeber des <i>-Elements war.
<kbd> Repräsentiert einen Inline-Textbereich, der Benutzereingaben von einer Tastatur, einer Sprachsteuerung oder einem anderen Texteingabegerät angibt. In der Regel rendert die Benutzersysteme den Inhalt eines <kbd>-Elements standardmäßig mit seiner Standardschriftart, obwohl dies nicht in der HTML-Norm festgelegt ist.
<mark> Repräsentiert Text, der markiert oder hervorgehoben ist, um den markierten Abschnitt im umgebenden Kontext zu referenzieren oder hervorzuheben.
<q> Gibt an, dass der eingeschlossene Text ein kurzes Inline-Zitat ist. Die meisten modernen Browser setzen dies um, indem sie den Text in Anführungszeichen setzen. Dieses Element ist für kurze Zitate gedacht, für die keine Absatzumbrüche erforderlich sind; für lange Zitate verwenden Sie das <blockquote>-Element.
<rp> Wird verwendet, um alternative Klammern für Browser bereitzustellen, die keine Darstellung von Ruby-Anmerkungen mit dem <ruby>-Element unterstützen. Ein <rp>-Element sollte jedes der öffnenden und schließenden Klammern umschließen, die das <rt>-Element umgeben, das den Annotationstext enthält.
<rt> Gibt die Ruby-Textkomponente einer Ruby-Anmerkung an, die verwendet wird, um Informationen zur Aussprache, Übersetzung oder Transliteration für typografische Zwecke im ostasiatischen Raum bereitzustellen. Das <rt>-Element muss immer innerhalb eines <ruby>-Elements enthalten sein.
<ruby> Repräsentiert kleine Anmerkungen, die über, unter oder neben Basistext gerendert werden, in der Regel zur Anzeige der Aussprache ostasiatischer Zeichen. Es kann auch zur Anmerkung anderer Arten von Text verwendet werden, aber diese Verwendung ist weniger verbreitet.
<s> Stellt Text mit einem Durchgestrichen-Effekt dar, oder mit einer Linie hindurch. Verwenden Sie das <s>-Element, um Dinge darzustellen, die nicht mehr relevant oder nicht mehr korrekt sind. Beachten Sie jedoch, dass <s> nicht geeignet ist, um Dokumentänderungen anzuzeigen; verwenden Sie dazu die <del>- und <ins>-Elemente.
<samp> Wird verwendet, um Inline-Text einzuschließen, der eine Beispiel- oder zitierte Ausgabe eines Computerprogramms darstellt. Sein Inhalt wird konventionell mit der Standardschrift des Browsers (z. B. Courier oder Lucida Console) gerendert.
<small> Repräsentiert Randbemerkungen und Kleingedrucktes, wie Urheberrechts- und Rechtstexte, unabhängig von ihrer stilistischen Darstellung. Standardmäßig wird der Text innerhalb davon um eine Schriftgröße verkleinert, wie z. B. von small zu x-small.
<span> Ein generischer Inline-Container für Phraseninhalt, der von sich aus nichts repräsentiert. Es kann verwendet werden, um Elemente für Stylingzwecke zu gruppieren (unter Verwendung der Attribute class oder id) oder weil sie Attributwerte gemeinsam haben, wie lang. Es sollte nur dann verwendet werden, wenn kein anderes semantisches Element geeignet ist. <span> ist sehr ähnlich zu einem div-Element, aber div ist ein Blockelement, während ein <span> ein Inline-Element ist.
<strong> Gibt an, dass sein Inhalt eine starke Wichtigkeit, Ernsthaftigkeit oder Dringlichkeit hat. Browser rendert den Inhalt typischerweise in fetter Schrift.
<sub> Gibt Inline-Text an, der aus rein typografischen Gründen als Tiefgestellt angezeigt werden soll. Tiefstellungen werden typischerweise mit einer abgesenkten Basislinie und kleineren Text angezeigt.
<sup> Gibt Inline-Text an, der aus rein typografischen Gründen als Hochgestellt angezeigt werden soll. Hochstellungen werden in der Regel mit einer angehobenen Basislinie und kleineren Text angezeigt.
<time> Repräsentiert einen bestimmten Zeitraum in der Zeit. Es kann das datetime-Attribut verwenden, um Daten in ein maschinenlesbares Format zu übersetzen, wodurch bessere Suchmaschinenergebnisse oder benutzerdefinierte Funktionen wie Erinnerungen ermöglicht werden.
<u> Repräsentiert einen Inline-Textbereich, der in einer Weise gerendert werden sollte, die anzeigt, dass er eine nicht-textuelle Anmerkung hat. Dies wird standardmäßig als ein einziger fester Unterstrich gerendert, kann jedoch mit CSS geändert werden.
<var> Repräsentiert den Namen einer Variablen in einem mathematischen Ausdruck oder in einem Programmierkontext. Es wird typischerweise mit einer kursiven Version der aktuellen Schrift dargestellt, obwohl dieses Verhalten browserabhängig ist.
<wbr> Repräsentiert eine potenzielle Worttrennung - eine Position innerhalb des Texts, an der der Browser optional eine Zeilenumbruch machen kann, obwohl seine Zeilenumkehrungsregeln an dieser Stelle keinen Umbruch erstellen würden.

Bilder und Multimedia

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

Element Beschreibung
<area> Definiert einen Bereich innerhalb einer Bildkarte, der vordefinierte anklickbare Bereiche hat. Eine Bildkarte erlaubt es, geometrische Bereiche auf einem Bild mit Hyperlinks zu verknüpfen.
<audio> Wird verwendet, um Klanginhalt in Dokumente einzubetten. Es kann eine oder mehrere Audioquellen enthalten, die durch das src-Attribut oder das Source-Element dargestellt werden: Der Browser wählt die am besten geeignete aus. Es kann auch die Zieladresse 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 der Media-Elemente Audio und Video verwendet. Sie lassen es Ihnen zeitgesteuerte Textstrecken (oder zeitbasierte Daten) angeben, zum Beispiel, um Untertitel automatisch zu handhaben. Die Strecken werden im WebVTT-Format (.vtt-Dateien) formatiert - Texte für Webvideos.
<video> Betten Sie einen Mediaplayer ein, der die Wiedergabe von Videos in das Dokument unterstützt. Sie können <video> auch für Audioinhalte nutzen, aber das Audioelement bietet möglicherweise ein besseres Benutzererlebnis.

Eingebetteter Inhalt

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

Element Beschreibung
<embed> Betten Sie externen Inhalt an der angegebenen Stelle im Dokument ein. Dieser Inhalt wird durch eine externe Anwendung oder eine andere Quelle für interaktiven Inhalt wie ein Browser-Plugin bereitgestellt.
<fencedframe> Repräsentiert einen eingebetteten Ansichtskontext, ähnlich einem <iframe>, jedoch mit mehr eingebaute nativen Datenschutzfunktionen.
<iframe> Repräsentiert einen eingebetteten Ansichtskontext, indem es eine andere HTML-Seite in die aktuelle Seite einbettet.
<object> Repräsentiert eine externe Ressource, die als Bild, ein eingebetteter Ansichtskontext oder eine zu handhabende Ressource durch ein Plugin 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 Audioelement oder das Videoelement an. Es ist ein Leerelement, das bedeutet, dass es keinen Inhalt hat und kein abschließendes Tag hat. Es wird häufig verwendet, um denselben Medieninhalt in mehreren Dateiformaten anzubieten, um Kompatibilität mit einer breiten Palette von Browsern zu gewährleisten, die unterschiedliche Unterstützung für Bilddateiformate und Mediendateiformate aufweisen.

SVG und MathML

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

Element Beschreibung
<svg> Container, der ein neues Koordinatensystem und einen Ansichtsfenster 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. Jede gültige MathML-Instanz muss darin eingebettet sein. Darüber hinaus dürfen Sie kein zweites <math>-Element in ein anderes einbetten, jedoch können Sie eine beliebige Anzahl anderer Kind-Elemente darin haben.

Scripting

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

Element Beschreibung
<canvas> Inhaltselement mit der canvas scripting API oder der WebGL API zu verwenden, um Grafiken und Animationen zu zeichnen.
<noscript> Definiert einen HTML-Abschnitt, der eingefügt wird, wenn ein Skripttyp auf der Seite nicht unterstützt wird oder wenn das Scripting im Browser derzeit deaktiviert ist.
<script> Wird verwendet, um ausführbaren Code oder Daten einzubetten; dies wird typischerweise verwendet, um JavaScript-Code einzubetten oder darauf zu verweisen. Das <script>-Element kann auch mit anderen Sprachen verwendet werden, wie WebGL's GLSL-Shader-Programmiersprache und JSON.

Markieren von Änderungen

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 beispielsweise verwendet werden, wenn "Änderungen verfolgen" oder Quellcode-Diff-Informationen gerendert 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 zu einem Dokument hinzugefügt wurde. Sie können das <del>-Element verwenden, um ebenfalls einen Textbereich darzustellen, der aus dem Dokument gelöscht wurde.

Tabelleninhalt

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

Element Beschreibung
<caption> Gibt die Bildunterschrift (oder den Titel) einer Tabelle an.
<col> Definiert eine oder mehrere Spalten in einer Spaltengruppe, die durch ihr implizites oder explizites übergeordnetes <colgroup>-Element dargestellt wird. Das <col>-Element ist nur als Kind eines <colgroup>-Elements gültig, das kein span-Attribut definiert hat.
<colgroup> Definiert eine Gruppe von Spalten in einer Tabelle.
<table> Repräsentiert tabellarische Daten - das heißt Informationen, die in einer zweidimensionalen Tabelle, bestehend aus Zeilen und Spalten von Zellen mit Daten, dargestellt werden.
<tbody> Kapselt eine Reihe von Tabellenzeilen (<tr>-Elemente), die den Körper der Hauptdaten einer Tabelle bilden.
<td> Ein Kind des <tr>-Elements, es definiert eine Zelle einer Tabelle, die Daten enthält.
<tfoot> Kapselt eine Reihe von Tabellenzeilen (<tr>-Elemente), die den Fuß einer Tabelle bilden, mit Informationen über die Spalten der Tabelle. Dies ist normalerweise eine Zusammenfassung der Spalten, z. B. eine Summe der angegebenen Zahlen in einer Spalte.
<th> Ein Kind des <tr>-Elements, es definiert eine Zelle als Header einer Gruppe von Tabellenzellen. Die Natur dieser Gruppe kann explizit durch die Attribute scope und headers definiert werden.
<thead> Kapselt eine Reihe von Tabellenzeilen (<tr>-Elemente), die den Kopf einer Tabelle bilden, mit Informationen über die Spalten der Tabelle. 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 unter Verwendung einer Mischung aus <td> (Datenzelle) und <th> (Header-Zelle) Elementen definiert 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 übermitteln kann. Weitere Informationen dazu finden Sie im HTML-Formularleitfaden.

Element Beschreibung
<button> Ein interaktives Element, das von einem Benutzer mit einer Maus, Tastatur, Finger, Sprachbefehl oder einer anderen assistiven Technologie aktiviert wird. Sobald aktiviert, führt es eine Aktion aus, wie das Übermitteln 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 Steuerungen zur Auswahl stehen.
<fieldset> Wird verwendet, um mehrere Steuerungen sowie Beschriftungen (<label>) innerhalb eines Webformulars zu gruppieren.
<form> Repräsentiert einen Dokumentbereich, der interaktive Steuerungen zum Übermitteln von Informationen enthält.
<input> Wird verwendet, um interaktive Steuerungen für webbasierte Formulare zu erstellen, um Daten vom Benutzer zu akzeptieren; eine Vielzahl von Eingabetypen und Steuerungswidgets steht zur Verfügung, abhängig vom Gerät und der Benutzeragent. 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 des ü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 einen Eintrag zu definieren, der in einem Select, einem <optgroup> oder einem <datalist>-Element enthalten ist. Als solches kann <option> Menüeinträge in Popups und anderen Listen von Einträgen in einem HTML-Dokument darstellen.
<output> Containerelement, in das eine Website oder Anwendung die Ergebnisse einer Berechnung oder das Ergebnis einer Benutzeraktion injizieren kann.
<progress> Zeigt einen Indikator an, der den Fortschritt des Abschlusses einer Aufgabe anzeigt, typischerweise als Fortschrittsbalken dargestellt.
<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 eine mehrzeilige einfache Textbearbeitungsteuerung, nützlich, wenn Benutzer in der Lage sein sollen, eine beträchtliche Menge an freiformuliertem Text einzugeben, zum Beispiel einen Kommentar auf einem Bewertungsformular oder ein Feedback-Formular.

Interaktive Elemente

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

Element Beschreibung
<details> Erstellt ein Erweiterungselement, in dem Informationen nur sichtbar sind, wenn das Widget in den "offenen" Zustand geschaltet wird. Eine Zusammenfassung oder Beschriftung muss mit dem <summary>-Element bereitgestellt werden.
<dialog> Repräsentiert ein Dialogfeld oder ein anderes interaktives Element, wie ein ausblendbares Warnfeld, Inspektor oder Unterfenster.
<summary> Gibt eine Zusammenfassung, Beschriftung oder Legende für einen Kasten mit Details eines Erweiterungselements an. Durch Klicken auf das <summary>-Element wird der Zustand des übergeordneten <details>-Elements geöffnet und geschlossen.

Webkomponenten

Webkomponenten sind eine mit HTML verbundene Technologie, die es ermöglicht, im Wesentlichen benutzerdefinierte Elemente zu erstellen und zu verwenden, als wären sie reguläre HTML-Elemente. Darüber hinaus können Sie benutzerdefinierte Versionen von herkömmlichen HTML-Elementen erstellen.

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

Veraltete und ausgemusterte Elemente

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

Element Beschreibung
<acronym> Ermöglicht es Autoren, eine Folge von Zeichen, die ein Akronym oder eine Abkürzung für ein Wort darstellen, eindeutig anzugeben.
<big> Rendert den eingeschlossenen Text in einer Schriftgröße, die eine Stufe größer ist als der umgebende Text (medium wird zum Beispiel large). Die Größe ist auf die vom Browser maximal erlaubte Schriftgröße begrenzt.
<center> Zeigt seine Block- oder Inline-Inhalte horizontal zentriert innerhalb seines umgebenden Elements an.
<content> Ein veralteter Teil der Webkomponenten-Technologie-Suite - wurde als Einfügepunkt innerhalb des Shadow DOM verwendet, und war nicht zur normalen Verwendung in 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, <slot> zu verwenden.
<dir> Container für ein Verzeichnis von Dateien und/oder Ordnern, möglicherweise mit von der Benutzeroberfläche angewendeten 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 -gestaltung für seinen Inhalt.
<frame> Definiert einen bestimmten Bereich, in dem ein anderes HTML-Dokument angezeigt werden kann. Ein Frame sollte innerhalb eines <frameset> verwendet werden.
<frameset> Wird verwendet, um <frame>-Elemente zu enthalten.
<image> Ein antikes und schlecht unterstütztes Vorstufe des <img>-Elements. Es sollte nicht verwendet werden.
<marquee> Wird verwendet, um einen scrollbaren Bereich von Text 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. Dies schließt Kontextmenüs sowie Menüs ein, die einem Menübefehl zugeordnet sein könnten.
<nobr> Verhindert, dass der Text, den es enthält, automatisch über mehrere Zeilen umbricht, was möglicherweise dazu führt, dass der Benutzer horizontal scrollen muss, um die volle Breite des Textes zu sehen.
<noembed> Eine veraltete, nicht standardisierte Methode, um alternative oder "fehlende" Inhalte für Browser bereitzustellen, die das Embed-Element oder die Art von eingebetteten Inhalt nicht unterstützen, die ein Autor verwenden möchte. Dieses Element wurde in HTML 4.01 und höher zugunsten der Platzierung von Ersatzinhalten zwischen den öffnenden und schließenden Tags eines <object>-Elements abgewertet.
<noframes> Bietet Inhalt an, der in Browsern angezeigt wird, die keine Unterstützung für das <frame>-Element haben oder diese deaktiviert haben. Obwohl die meisten gebräuchlichen Browser Frames unterstützen, gibt es Ausnahmen, darunter spezielle Browser, einschließlich einiger mobiler Browser sowie Textbrowser.
<param> Definiert Parameter für ein <object>-Element.
<plaintext> Rendert alles, was dem Start-Tag folgt, als Rohtext und ignoriert alle folgenden HTML-Tags. Es gibt kein schließendes Tag, da alles danach als Rohtext behandelt wird.
<rb> Wird verwendet, um die Basisteilkomponente eine Ruby-Anmerkung zu kennzeichnen, d.h. den Text, der annotiert wird. Ein <rb>-Element sollte jedes separate atomare Segment des Basisteils einwickeln.
<rtc> Umschließt semantische Anmerkungen von Zeichen, die in einer Ruby aus <rb>-Elementen verwendet werden, die innerhalb des <ruby>-Elements verwendet werden. <rb>-Elemente können sowohl Aussprache- (<rt>) als auch semantische (<rtc>) Anmerkungen haben.
<shadow> Ein veralteter Teil der Webkomponenten-Technologie-Suite, das als Einfügepunkt für ein Shadow DOM vorgesehen war. Sie hätten es verwendet, wenn Sie mehrere Shadow-Roots unter einem Shadow-Host erstellt hätten. Erwägen Sie, das <slot> stattdessen zu verwenden.
<strike> Platziert eine Durchstreichung (horizontale Linie) über den Text.
<tt> Erstellt Inline-Text, der unter Verwendung der Standardschriftart des Benutzersystems dargestellt wird. Dieses Element wurde erstellt, um Text so darzustellen, wie er auf einem Festsystem-Display wie einer Schreibmaschine, reinem Textbildschirm oder einem Zeilendrucker angezeigt wird.
<xmp> Rendert Text zwischen den Start- und End-Tags ohne Interpretation des HTML dazwischen und verwendet eine monospaced Schriftart. Die HTML2-Spezifikation empfahl, dass es ausreichend breit gerendert werden sollte, um 80 Zeichen pro Zeile anzuzeigen.

Siehe auch