Referenz der HTML-Elemente

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

Sie sind nach ihrer Funktion gruppiert, um Ihnen die Suche zu erleichtern. Eine alphabetische Liste aller Elemente wird in der Seitenleiste auf jeder Element-Seite sowie auf dieser Seite bereitgestellt.

Hinweis: Für weitere Informationen über die Grundlagen von HTML-Elementen und -Attributen siehe Anatomie eines HTML-Elements.

Hauptwurzel

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

Metadaten des Dokuments

Metadaten enthalten Informationen über die Seite. Dazu gehören Informationen über Stile, Skripte und Daten, um Software (Suchmaschinen, Browser usw.) zu helfen, die Seite zu nutzen und darzustellen. Metadaten für Stile und Skripte können in der Seite definiert oder mit einer Datei verknüpft werden, die die Informationen enthält.

Element Beschreibung
<base> Legt die Basis-URL fest, 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> Bestimmt Beziehungen zwischen dem aktuellen Dokument und einer externen Quelle. Dieses Element wird am häufigsten verwendet, um auf CSS zu verlinken, wird aber auch verwendet, um Website-Symbole festzulegen (sowohl "favicon"-Stil-Symbole als auch Symbole für den Startbildschirm und Apps auf mobilen Geräten) unter anderem.
<meta> Repräsentiert Metadaten, die nicht durch andere HTML-Meta-bezogene Elemente dargestellt werden können, wie <base>, <link>, <script>, <style> und <title>.
<style> Enthält 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, falls vorhanden, werden ebenfalls als reiner Text behandelt.

Abschnitts-Wurzel

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

Inhaltsgliederung

Elemente der Inhaltsgliederung ermöglichen es Ihnen, die Dokumentinhalte in logische Abschnitte zu organisieren. Verwenden Sie die Gliederungselemente, um einen breiten Umriss für Ihre Seiteninhalte zu erstellen, einschließlich Navigationsleisten für Kopf- und Fußzeilen, und verwenden Sie Überschriftenelemente, um Abschnitte der Inhalte zu identifizieren.

Element Beschreibung
<address> Gibt an, dass das umschlossene HTML Kontaktinformationen für eine Person oder Personen oder für eine Organisation bereitstellt.
<article> Repräsentiert eine eigenständige Komposition innerhalb eines Dokuments, einer Seite, einer Anwendung oder einer Website, die zur unabhängigen Verteilung oder Wiederverwendung gedacht ist (z. B. in der Syndikation). Beispiele sind ein Forenbeitrag, ein Magazin- oder Zeitungsartikel, ein Blogeintrag, eine Produktbeschreibung, ein vom Benutzer eingereichter Kommentar, ein interaktives Widget oder Gadget oder ein anderer unabhängiger Inhalt.
<aside> Repräsentiert einen Teil eines Dokuments, dessen Inhalt nur indirekt mit dem Hauptinhalt des Dokuments zusammenhängt. Randbemerkungen werden häufig als Seitenleisten oder Hervorhebungsboxen dargestellt.
<footer> Repräsentiert eine Fußzeile für das nächstliegende übergeordnete Gliederungsinhalts oder Gliederungswurzel Element. Ein <footer> enthält typischerweise Informationen über den Autor des Abschnitts, Urheberrechtsdaten oder Links zu verwandten Dokumenten.
<header> Repräsentiert einleitende Inhalte, in der Regel eine Gruppe von einleitenden oder Navigationshilfen. Es kann einige Überschriftselemente enthalten, aber auch ein Logo, ein Suchformular, den Namen des Autors 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 Inhalten wie Unterüberschriften, einem alternativen Titel oder einem Slogan gruppiert ist.
<main> Repräsentiert den dominierenden Inhalt des Body eines Dokuments. Der Hauptinhaltsbereich besteht aus Inhalten, die direkt mit dem zentralen Thema eines Dokuments in Verbindung stehen oder es erweitern, oder mit der zentralen Funktionalität einer Anwendung.
<nav> Repräsentiert einen Abschnitt einer Seite, dessen Zweck es ist, Navigationslinks bereitzustellen, entweder innerhalb des aktuellen Dokuments oder zu anderen Dokumenten. Häufige Beispiele für Navigationsabschnitte sind Menüs, Inhaltsverzeichnisse und Register.
<section> Repräsentiert einen allgemeinen 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 Reihe von Formularsteuerelementen oder andere Inhalte enthält, die sich auf das Durchführen einer Such- oder Filteroperation beziehen.

Textinhalt

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

Element Beschreibung
<blockquote> Gibt an, dass der umschlossene Text ein erweitertes Zitat ist. In der Regel 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> Liefert die Beschreibung, Definition oder den Wert für den vorhergehenden Begriff (<dt>) in einer Beschreibungslisten (<dl>).
<div> Der allgemeine Container für Flussinhalt. Es hat keinen Effekt auf den Inhalt oder das Layout, bis es auf irgendeine Weise mit CSS gestaltet wird (z. B. wird direkt CSS darauf angewendet oder ein Layout-Modell wie Flexbox wird auf sein übergeordnetes Element angewendet).
<dl> Repräsentiert eine Beschreibungslisten. Das Element umschließt eine Liste von Gruppen von Begriffen (angegeben mit dem <dt>-Element) und Beschreibungen (bereitgestellt durch <dd>-Elemente). Häufige Anwendungen für dieses Element sind die Implementierung eines Glossars oder die Anzeige von Metadaten (einer Liste von Schlüssel-Wert-Paaren).
<dt> Legt einen Begriff in einer Beschreibungs- oder Definitionsliste fest und muss daher innerhalb eines <dl>-Elements verwendet werden. Es wird üblicherweise von einem <dd>-Element gefolgt; jedoch zeigen mehrere <dt>-Elemente in einer Reihe mehrere Begriffe an, die alle durch das unmittelbar nächste <dd>-Element definiert werden.
<figcaption> Stellt eine Bildunterschrift oder Legende dar, die den Rest des Inhalts des übergeordneten <figure>-Elements beschreibt.
<figure> Repräsentiert eigenständige Inhalte, möglicherweise mit einer optionalen Bildunterschrift, die mit dem <figcaption>-Element angegeben wird. Die Figur, ihre Bildunterschrift und ihr Inhalt werden als eine Einheit referenziert.
<hr> Repräsentiert einen thematischen Bruch zwischen absatzbezogenen Elementen: Zum Beispiel ein Szenenwechsel in einer Geschichte oder ein Themenwechsel innerhalb eines Abschnitts.
<li> Repräsentiert ein Element 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 typischerweise mit Aufzählungspunkten angezeigt. In geordneten Listen werden sie üblicherweise mit aufsteigenden Zählern auf der linken Seite angezeigt, z.B. mit einer Nummer oder einem Buchstaben.
<menu> Eine semantische Alternative zu <ul>, die jedoch von Browsern (und über den Zugänglichkeitsbaum) als nicht anders als <ul> behandelt wird. Es stellt eine ungeordnete Liste von Elementen dar (die durch <li>-Elemente dargestellt werden).
<ol> Stellt eine geordnete Liste von Elementen dar – normalerweise als nummerierte Liste dargestellt.
<p> Repräsentiert einen Absatz. Absätze werden in visuellen Medien in der Regel als Textblöcke dargestellt, die durch Leerzeilen und/oder Erste-Zeilen-Einrückung von angrenzenden Blöcken getrennt sind, aber HTML-Absätze können eine beliebige strukturelle Gruppierung von zusammengehörigen Inhalten wie Bilder oder Formularfelder sein.
<pre> Repräsentiert vorformatierten Text, der genau so dargestellt werden soll, wie er in der HTML-Datei geschrieben ist. Der Text wird typischerweise mit einer nicht proportionale oder monospaced-Schrift gerendert. Leerzeichen innerhalb dieses Elements werden so angezeigt, wie sie geschrieben sind.
<ul> Stellt eine ungeordnete Liste von Elementen dar, typischerweise als Liste mit Aufzählungspunkten dargestellt.

Inline-Text-Semantik

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 zu allem anderen, 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, der ansonsten keine spezielle Bedeutung erhält. Dies wurde früher als "Boldface" betrachtet, und die meisten Browser zeichnen den Text immer noch fett. Sie sollten <b> jedoch nicht zum Stylen von Text oder zur Vergabe von Bedeutung verwenden. Wenn Sie fettgedruckten Text erstellen möchten, sollten Sie die CSS font-weight-Eigenschaft verwenden. Wenn Sie angeben möchten, dass ein Element von besonderer Bedeutung ist, sollten Sie das <strong>-Element verwenden.
<bdi> Weist den bidirektionalen Algorithmus des Browsers an, den Text, den es enthält, isoliert vom umgebenden Text zu behandeln. Dies ist besonders nützlich, wenn eine Website dynamisch etwas Text einfügt und nicht weiß, welche Textausrichtung der eingefügte Text hat.
<bdo> Hebt die aktuelle Textausrichtung auf, sodass der Text innerhalb in eine andere Richtung gerendert wird.
<br> Erzeugt einen Zeilenumbruch im Text (Wagenrücklauf). Es ist nützlich, um ein Gedicht oder eine Adresse zu schreiben, bei der die Teilung der Zeilen von Bedeutung ist.
<cite> Wird verwendet, um den Titel eines kreativen Werks zu markieren. Der Verweis kann in einer abgekürzten Form gemäß den kontextbezogenen Konventionen im Zusammenhang mit Zitiermetadaten erfolgen.
<code> Zeigt seinen Inhalt in einem Stil an, der darauf abzielt, anzuzeigen, dass der Text ein kurzes Fragment eines Computerprogramms darstellt. Standardmäßig wird der Inhaltstext mit der Standard-Schrift des Benutzers dargestellt.
<data> Verknüpft ein bestimmtes 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 zu kennzeichnen, der innerhalb des Kontexts einer Definition im Satz definiert wird. Das übergeordnete <p>-Element, das <dt>/<dd>-Paar oder der nächste Abschnittsvorfahre des <dfn>-Elements gilt als die Definition des Begriffs.
<em> Markiert Text, der betont wird. Das <em>-Element kann verschachtelt werden, wobei jede Verschachtelungsebene einen stärkeren Grad an Betonung anzeigt.
<i> Repräsentiert einen Textbereich, der aus irgendeinem Grund vom normalen Text abgegrenzt ist, z. B. idiomatische Ausdrücke, Fachbegriffe und taxonomische Bezeichnungen. Historisch wurden diese mit kursiver Schriftart dargestellt, was die ursprüngliche Quelle der Benennung dieses Elements <i> ist.
<kbd> Repräsentiert einen Bereich von Inline-Text, der textliche Benutzereingaben von einer Tastatur, Spracheingaben oder einem anderen Textein-Entry-Gerät darstellt. Üblicherweise rendert der Benutzeragent die Inhalte eines <kbd>-Elements mit seiner Standard-Monospace-Schriftart, obwohl dies nicht durch den HTML-Standard vorgeschrieben ist.
<mark> Repräsentiert Text, der markiert oder hervorgehoben ist, um den markierten Abschnitt in Bezug auf den umgebenden Kontext zu notieren oder zu referenzieren.
<q> Gibt an, dass der umschlossene Text ein kurzes Inline-Zitat ist. Die meisten modernen Browser implementieren dies, indem sie den Text in Anführungszeichen setzen. Dieses Element ist für kurze Zitate gedacht, die keine Absatzumbrüche erfordern; für lange Zitate verwenden Sie das <blockquote>-Element.
<rp> Wird verwendet, um Ersatzzugaben von runden Klammern bereitzustellen, für Browser, die die Darstellung von Ruby-Anmerkungen mit dem <ruby>-Element nicht unterstützen. Ein <rp>-Element sollte jede der öffnenden und schließenden Klammern einschließen, die das <rt>-Element umschließen, das den Text der Anmerkung enthält.
<rt> Gibt die Ruby-Textkomponente einer Ruby-Anmerkung an, die verwendet wird, um Angaben zu Aussprache, Übersetzung oder Transliteration in der ostasiatischen Typographie bereitzustellen. Das <rt>-Element muss immer in einem <ruby>-Element enthalten sein.
<ruby> Repräsentiert kleine Anmerkungen, die über, unter oder neben dem Basissext angezeigt werden, wird üblicherweise verwendet, um die Aussprache ostasiatischer Zeichen zu zeigen. Es kann auch für die Anmerkung anderer Arten von Text verwendet werden, diese Verwendung ist jedoch 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 genau sind. Es empfiehlt sich jedoch nicht <s> zu verwenden, um Dokumentanpassungen zu kennzeichnen; dafür verwenden Sie die <del>- und <ins>-Elemente, wie es angemessen ist.
<samp> Wird verwendet, um Inline-Text einzuschließen, der die Ausgabe eines Computerprogramms als Beispiel (oder zitiertes) darstellt. Der Inhalt wird typischerweise mit der standardmäßig monospaced Schriftart des Browsers (wie Courier oder Lucida Console) dargestellt.
<small> Repräsentiert Nebenbemerkungen und Kleingedrucktes, wie Urheberrechtstexte und gesetzliche Bestimmungen, unabhängig von ihrer stilistischen Präsentation. Standardmäßig rendert es den Text innerhalb mit einer kleineren Schriftgröße, beispielsweise von small zu x-small.
<span> Ein generischer Inline-Container für phrasierenden Inhalt, der an sich nichts repräsentiert. Es kann verwendet werden, um Elemente für Styling-Zwecke zu gruppieren (unter Verwendung der class- oder id-Attribute), oder weil sie gemeinsame Attributwerte wie lang teilen. Es sollte nur verwendet werden, wenn kein anderes semantisches Element angemessen ist. <span> ist dem Block-Level-Element sehr ähnlich, aber div ist ein Block-Level-Element, während ein <span> ein Inline-Level-Element ist.
<strong> Gibt an, dass der Inhalt von besonderer Bedeutung, Ernsthaftigkeit oder Dringlichkeit ist. Browser zeigen den Inhalt typischerweise in Fettdruck an.
<sub> Gibt Inline-Text an, der als tiefgestellt dargestellt werden soll, aus rein typografischen Gründen. Tiefstellungen werden typischerweise mit einer gesenkten Grundlinie und einer kleineren Schriftgröße dargestellt.
<sup> Gibt Inline-Text an, der als hochgestellt dargestellt werden soll, aus rein typografischen Gründen. Hochstellungen werden typischerweise mit einer angehobenen Grundlinie und einer kleineren Schriftgröße dargestellt.
<time> Repräsentiert einen spezifischen Zeitraum in der Zeit. Es kann das datetime-Attribut enthalten, um Daten in ein maschinenlesbares Format zu übersetzen, was bessere Suchmaschinenergebnisse oder benutzerdefinierte Funktionen wie Erinnerungen ermöglicht.
<u> Repräsentiert einen Bereich von Inline-Text, der in einer Weise dargestellt werden soll, die anzeigt, dass er eine nicht-textuelle Anmerkung hat. Dies wird standardmäßig als einfache Unterstreichung dargestellt, kann aber mit CSS verändert werden.
<var> Repräsentiert den Namen einer Variablen in einem mathematischen Ausdruck oder einem Programmierkontext. Es wird typischerweise mit einer kursive Version der aktuellen Schriftart dargestellt, obwohl dieses Verhalten vom Browser abhängt.
<wbr> Repräsentiert eine Wortumbruchmöglichkeit - eine Position innerhalb des Textes, an der der Browser optional eine Zeile brechen kann, obwohl seine Zeilenumbruchsregeln an dieser Stelle normalerweise keinen Zeilenumbruch erzeugen 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, der vordefinierte klickbare Bereiche hat. Eine Bildkarte ermöglicht es, geometrische Bereiche auf einem Bild mit einem Hyperlink zu assoziieren.
<audio> Wird verwendet, um Sound-Inhalte in Dokumente einzufügen. Es kann eine oder mehrere Audioquellen enthalten, die mit dem src-Attribut oder dem source-Element dargestellt werden: Der Browser wird die geeignetste auswählen. Es kann auch das Ziel für gestreamte Medien sein, mit einem MediaStream.
<img> Betten ein Bild in das Dokument ein.
<map> Wird zusammen mit <area>-Elementen verwendet, um eine Bildkarte (einen klickbaren Bereich) zu definieren.
<track> Wird als Kind von Medienelementen wie audio und video verwendet. Es erlaubt das Angeben von zeitgesteuerten Textspuren (oder zeitbasierten Daten), um zum Beispiel automatisch Untertitel zu verwalten. Die Spuren sind im WebVTT-Format (.vtt-Dateien) formatiert - Web-Video-Textspuren.
<video> Betten einen Mediaplayer ein, der Videowiedergabe im Dokument unterstützt. Sie können <video> auch für Audioinhalte verwenden, aber das audio-Element kann eine angemessenere Benutzererfahrung bieten.

Eingebetteter Inhalt

Neben regulären Multimedia-Inhalten kann HTML eine Vielzahl anderer Inhalte einfügen, auch wenn sie nicht immer einfach zu interagieren sind.

Element Beschreibung
<embed> Betten externe Inhalte an der angegebenen Stelle im Dokument ein. Dieser Inhalt wird von einer externen Anwendung oder einer anderen Quelle interaktiver Inhalte wie einem Browser-Plugin bereitgestellt.
<fencedframe> Repräsentiert einen verschachtelten Browsing-Kontext, wie <iframe>, jedoch mit mehr nativen Datenschutzfunktionen 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 wird.
<picture> Enthält null oder mehr <source>-Elemente und ein <img>-Element, um alternative Versionen eines Bildes für unterschiedliche Anzeige-/Geräteszenarien anzubieten.
<source> Gibt mehrere Medienquellen für das picture-, das audio- oder das video-Element an. Es ist ein leeres Element, was bedeutet, dass es keinen Inhalt hat und kein schließendes Tag hat. Es wird häufig verwendet, um dasselbe Medienelement in mehreren Dateiformaten anzubieten, um mit einer großen Anzahl von Browsern kompatibel zu sein, die unterschiedliche Unterstützung für Bilddateiformate und Mediendateiformate haben .

SVG und MathML

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

Element Beschreibung
<svg> Container, der ein neues Koordinatensystem und einen Viewport definiert. Es wird als äußeres Element von SVG-Dokumenten verwendet, kann jedoch auch verwendet werden, um ein SVG-Fragment in ein SVG- oder HTML-Dokument einzubetten.
<math> Das oberste Element in MathML. Jedes gültige MathML-Element muss darin eingebettet sein. Außerdem sollten 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, insbesondere JavaScript. Bestimmte Elemente unterstützen diese Funktionalität.

Element Beschreibung
<canvas> Container-Element, das entweder die Canvas Skripting-API oder die WebGL API verwendet, um Grafiken und Animationen zu zeichnen.
<noscript> Definiert einen HTML-Abschnitt, der eingefügt wird, wenn der Skripttyp auf der Seite nicht unterstützt wird oder wenn das Scripting im Browser aktuell 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 z. B. der WebGL GLSL-Shader-Programmiersprache und JSON.

Markieren von Änderungen

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

Element Beschreibung
<del> Repräsentiert einen Bereich von Text, der aus einem Dokument gelöscht wurde. Dies kann verwendet werden, um „Änderungen verfolgen“ oder Quellcodediff-Informationen darzustellen, beispielsweise. Das <ins>-Element kann für den gegenteiligen Zweck verwendet werden: um Text anzuzeigen, der dem Dokument hinzugefügt wurde.
<ins> Repräsentiert einen Bereich von Text, der einem Dokument hinzugefügt wurde. Sie können das <del>-Element verwenden, um auf ähnliche Weise einen Textbereich zu repräsentieren, der aus dem Dokument gelöscht wurde.

Tabelleninhalt

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

Element Beschreibung
<caption> Gibt die Beschriftung (oder Titel) einer Tabelle an.
<col> Definiert eine oder mehrere Spalten in einer Spaltengruppe, die durch das implizite oder explizite übergeordnete <colgroup>-Element dargestellt 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 – das sind Informationen, die in einer zweidimensionalen Tabelle mit Zeilen und Spalten von Zellen präsentiert werden.
<tbody> Kapselt eine Gruppe von Tabellenreihen (<tr>-Elemente) ein und zeigt an, dass sie den Hauptbereich der Tabelle (Hauptdaten) bilden.
<td> Ein Kind des <tr>-Elements, das eine Zelle einer Tabelle definiert, die Daten enthält.
<tfoot> Kapselt eine Gruppe von Tabellenreihen (<tr>-Elemente) ein und zeigt an, dass sie den Fußbereich des Tisches mit Informationen über die Tabellenspalten enthalten. Dies ist in der Regel eine Zusammenfassung der Spalten, z. B. die Summe der angegebenen Zahlen in einer Spalte.
<th> Ein Kind des <tr>-Elements, das eine Zelle als Kopfzeile einer Gruppe von Tabellenzellen definiert. Die Art dieser Gruppe kann explizit durch die scope- und headers-Attribute definiert werden.
<thead> Kapselt eine Gruppe von Tabellenreihen (<tr>-Elemente) ein und zeigt an, dass sie den Kopfbereich des Tisches mit Informationen über die Tabellenspalten enthalten. Diese sind in der Regel 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 aus <td>- (Datensatz) und <th>- (Überschrift) Elementen festgelegt werden.

Formulare

HTML bietet mehrere Elemente, die zusammen verwendet werden können, um Formulare zu erstellen, welche der Benutzer ausfüllen und an die Website oder Anwendung übermitteln kann. Weitere Informationen hierzu finden Sie im HTML-Formular-Leitfaden.

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. Einmal aktiviert, führt es eine Aktion durch, wie z. B. das Absenden eines Formulars oder das Öffnen eines Dialogfelds.
<datalist> Enthält eine Gruppe von <option>-Elementen, die die erlaubten oder empfohlenen Optionen darstellen, die innerhalb anderer Controls ausgewählt werden können.
<fieldset> Wird verwendet, um mehrere Controls sowie Labels (<label>) innerhalb eines Webformulars zu gruppieren.
<form> Stellt einen Dokumentabschnitt dar, der interaktive Steuerelemente zur Übermittlung von Informationen enthält.
<input> Wird verwendet, um interaktive Steuerelemente für webbasierte Formulare zu erstellen, um Daten vom Benutzer entgegenzunehmen; eine Vielzahl von Eingabedatenarten und Steuerungswidgets steht zur Verfügung, abhängig vom Gerät und Benutzeragenten. Das <input>-Element ist eines der mächtigsten und komplexesten in ganz HTML, dank der großen Zahl an Kombinationen von Eingabetypen und Attributen.
<label> Stellt eine Beschriftung für ein Element in einer Benutzeroberfläche dar.
<legend> Stellt eine Beschriftung für den Inhalt seines übergeordneten <fieldset> dar.
<meter> Stellt entweder einen Skalarwert innerhalb eines bekannten Bereichs oder einen Bruchwert dar.
<optgroup> Erstellt eine Gruppierung von Optionen innerhalb eines <select>-Elements.
<option> Wird verwendet, um ein Element zu definieren, das in einem Select-, einem <optgroup>- oder einem <datalist>-Element enthalten ist. Als solches kann <option> Menüpunkte in Popup-Menüs und anderen Listen von Elementen in einem HTML-Dokument darstellen.
<output> Container-Element, in das eine Website oder App das Ergebnis einer Berechnung oder das Ergebnis einer Benutzeraktion injizieren kann.
<progress> Zeigt einen Indikator an, der den Abschlussfortschritt einer Aufgabe anzeigt, typischerweise als Fortschrittsbalken dargestellt.
<select> Stellt ein Steuerelement dar, das ein Menü von Optionen bietet.
<textarea> Stellt ein mehrzeiliges Plaintext-Eingabesteuerfeld dar, das nützlich ist, wenn Sie Benutzern erlauben möchten, eine erhebliche Menge an freiformuliertem Text einzugeben, z. B. einen Kommentar auf einem Bewertungs- oder Feedbackformular.

Interaktive Elemente

HTML bietet eine Auswahl von 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> Stellt ein Dialogfeld oder ein anderes interaktives Element dar, z. B. eine abweisbare Warnung, einen Inspektor oder ein Unterfenster.
<summary> Legt eine Zusammenfassung, eine Beschriftung oder eine Legende für das Offenlegungs-Widget eines Details-Elements fest. Das Klicken auf das <summary>-Element wechselt den Zustand des übergeordneten <details>-Elements von offen zu geschlossen.

Web Components

Web Components ist eine HTML-bezogene Technologie, die es ermöglicht, benutzerdefinierte Elemente im Wesentlichen zu erstellen und diese dann wie normale HTML-Elemente zu verwenden. Darüber hinaus können Sie benutzerdefinierte Versionen standardmäßiger HTML-Elemente erstellen.

Element Beschreibung
<slot> Ein Teil der Web Components-Technologie-Suite, dieses Element ist ein Platzhalter innerhalb eines Web Components, den Sie mit Ihrem eigenen Markup füllen können und so separate DOM-Bäume erstellen und sie zusammen präsentieren können.
<template> Ein Mechanismus zum Halten von HTML, das nicht sofort beim Laden einer Seite gerendert werden soll und später während der 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 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 den Autoren, deutlich eine Zeichenfolge anzugeben, die ein Akronym oder eine Abkürzung für ein Wort bildet.
<big> Rendert den umschlossenen Text mit einer Schriftgröße, die eine Stufe größer ist als der umgebende Text (medium wird zum Beispiel large). Die Größe wird auf die maximal im Browser zulässige Schriftgröße begrenzt.
<center> Zeigt seine block-level oder inline Inhalte horizontal zentriert innerhalb seines enthaltenen Elements an.
<content> Ein veralteter Teil der Web Components-Technologie – wurde innerhalb des Shadow DOM als Einfügepunkt verwendet und sollte nicht in gewöhnlichem HTML verwendet werden. 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 die Verwendung von <slot> stattdessen.
<dir> Container für ein Verzeichnis von Dateien und/oder Ordnern, möglicherweise mit Stilen und Symbolen versehen, 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 das Gesicht für den 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 uralter und schlecht unterstützter Vorläufer des <img>-Elements. Es sollte nicht verwendet werden.
<marquee> Wird verwendet, um einen scrollenden Textbereich einzufügen. Sie können steuern, was geschieht, wenn der Text die Ränder seines Inhaltsbereichs erreicht, indem Sie seine Attribute verwenden.
<menuitem> Repräsentiert einen Befehl, den ein Benutzer über ein Popup-Menü aufrufen kann. Dazu gehört das Kontextmenü genauso wie Menüs, die an einen Menübefehl angehängt sein könnten.
<nobr> Verhindert, dass sich der enthalte Text automatisch umbricht und potentiell dazu führt, dass der Benutzer horizontal scrollen muss, um die gesamte Breite des Textes zu sehen.
<noembed> Ein veralteter, nicht standardmäßiger Weg, um alternative oder "Fallback"-Inhalte für Browser bereitzustellen, die das embed-Element oder die Art der eingebetteten Inhalte, die ein Autor zu verwenden wünscht, nicht unterstützen. Dieses Element wurde in HTML 4.01 und höher zugunsten der Platzierung von Fallback-Inhalten zwischen den öffnenden und schließenden Tags eines <object>-Elements eingestellt.
<noframes> Stellt Inhalte bereit, die in Browsern präsentiert werden sollen, die den Frame-Element nicht unterstützen (oder Unterstützung für Frames deaktiviert haben). Obwohl die meisten gebräuchlich verwendeten Browser Frames unterstützen, gibt es Ausnahmen, einschließlich bestimmter Spezialnutzungsbrowser, einschließlich einiger mobiler Browser sowie Textmodus-Browser.
<param> Definiert Parameter für ein <object>-Element.
<plaintext> Rendert alles Folgende bei Starttag als Rohtext und ignoriert sämtliches nachfolgendes HTML. Es gibt keinen Schließtag, da alles danach als Rohtext betrachtet wird.
<rb> Wird verwendet, um die Basiskomponente des Textes einer Ruby-Anmerkung einzuteilen, d.h. den Text, der annotiert wird. Ein <rb>-Element sollte jedes geteilte atomare Segment des Basetextes umschließen.
<rtc> Umschließt semantische Anmerkungen von Zeichen, die in einem Ruby der <rb>-Elemente präsentiert 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 Web Components-Technologie, die als Einfügepunkt für Shadow DOM bestimmt war. Möglicherweise haben Sie es verwendet, wenn Sie mehrere Shadow Roots unter einem Shadow-Host erstellt haben. Erwägen Sie, stattdessen <slot> zu verwenden.
<strike> Platziert einen Durchstrich (horizontale Linie) über den Text.
<tt> Erstellt Inline-Text, der mit der standardmäßigen festbreiten Schrieftrichel des Benutzeragenten dargestellt wird. Dieses Element wurde erstellt, um Text so zu rendern, als würde es auf einem festbreiten Anzeigegerät wie einem Fernschreiber, Textbildschirm oder Zeilendrucker angezeigt.
<xmp> Rendert den Text zwischen dem Start- und Endtag ohne Interpretation des HTML dazwischen und verwendet eine festbreite Schrift. Die HTML2-Spezifikation empfahl, dass es breit genug dargestellt werden sollte, um 80 Zeichen pro Zeile zu ermöglichen.

Siehe auch