1. Web
  2. HTML
  3. Reference
  4. Elements

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

Referenz der HTML-Elemente

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

Sie sind nach Funktion gruppiert, damit Sie leicht finden können, wonach Sie suchen. Eine alphabetische Liste aller Elemente finden Sie in der Seitenleiste auf der Seite jedes Elements sowie auf dieser Seite.

Hinweis: Weitere Informationen über die Grundlagen von HTML-Elementen und -Attributen finden Sie unter Anatomie eines HTML-Elements.

Hauptwurzelelement

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

Dokumentmetadaten

Metadaten enthalten Informationen über die Seite. Dazu gehören Informationen über Styles, Skripte und Daten, die Software (Suchmaschinen, Browser usw.) beim Verwenden und Rendern der Seite unterstützen. Metadaten für Styles und Skripte können auf der Seite definiert oder mit einer anderen Datei verknüpft werden, die diese 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, etwa seinen Titel, Skripte und Stylesheets.
<link> Gibt Beziehungen zwischen dem aktuellen Dokument und einer externen Ressource an. Dieses Element wird am häufigsten verwendet, um CSS zu verknüpfen, dient aber unter anderem auch dazu, Website-Icons zu etablieren (sowohl Icons im „Favicon“-Stil als auch Icons für den Startbildschirm und Apps auf Mobilgeräten).
<meta> Repräsentiert Metadaten, die nicht durch andere HTML-Metadaten-bezogene Elemente wie <base>, <link>, <script>, <style> und <title> dargestellt werden können.
<style> Enthält Style-Informationen 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 im Tab einer Seite angezeigt wird. Es enthält nur Text; HTML-Tags innerhalb des Elements werden, falls vorhanden, ebenfalls als Klartext behandelt.

Wurzelelement für Abschnittseinteilung

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

Inhaltsabschnitte

Elemente zur Inhaltsabschnittseinteilung ermöglichen es Ihnen, den Dokumentinhalt in logische Teile zu gliedern. Verwenden Sie die Abschnittselemente, um eine grobe Gliederung für Ihren Seiteninhalt zu erstellen, einschließlich Kopf- und Fußzeilennavigation, sowie Überschriftselemente, um Inhaltsabschnitte zu kennzeichnen.

Element Beschreibung
<address> Zeigt an, dass das eingeschlossene HTML Kontaktinformationen für eine oder mehrere Personen oder für eine Organisation bereitstellt.
<article> Repräsentiert eine eigenständige Komposition in einem Dokument, einer Seite, einer Anwendung oder einer Website, die unabhängig verteilt oder wiederverwendet werden soll (z. B. bei der Syndizierung). Beispiele sind ein Forenbeitrag, ein Zeitschriften- oder Zeitungsartikel, ein Blogeintrag, eine Produktkarte, ein von Nutzenden eingereichter Kommentar, ein interaktives Widget oder Gadget oder jedes andere unabhängige Inhaltselement.
<aside> Repräsentiert einen Teil eines Dokuments, dessen Inhalt nur indirekt mit dem Hauptinhalt des Dokuments zusammenhängt. Asides werden häufig als Seitenleisten oder Hinweisfelder dargestellt.
<footer> Repräsentiert eine Fußzeile für das nächstgelegene übergeordnete Element für Abschnittsinhalte oder Abschnittswurzel. Ein <footer> enthält typischerweise Informationen über den Autor des Abschnitts, Copyright-Daten oder Links zu verwandten Dokumenten.
<header> Repräsentiert einleitenden Inhalt, typischerweise eine Gruppe einleitender oder navigationsbezogener Hilfsmittel. Es kann einige Überschriftselemente, aber auch ein Logo, ein Suchformular, einen Autorennamen und weitere Elemente enthalten.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> Repräsentieren sechs Ebenen von Abschnittsüberschriften. <h1> ist die höchste und <h6> die niedrigste Abschnittsebene.
<hgroup> Repräsentiert eine Überschrift, die mit sekundärem Inhalt gruppiert ist, etwa Unterüberschriften, einem alternativen Titel oder einem Slogan.
<main> Repräsentiert den dominanten Inhalt des Body eines Dokuments. Der Hauptinhaltsbereich besteht aus Inhalten, die direkt mit dem zentralen Thema eines Dokuments oder der zentralen Funktionalität einer Anwendung zusammenhängen oder diese erweitern.
<nav> Repräsentiert einen Abschnitt einer Seite, dessen Zweck darin besteht, Navigationslinks bereitzustellen, entweder innerhalb des aktuellen Dokuments oder zu anderen Dokumenten. Häufige Beispiele für Navigationsabschnitte sind Menüs, Inhaltsverzeichnisse und Indizes.
<section> Repräsentiert einen allgemeinen eigenständigen Abschnitt eines Dokuments, für den es kein spezifischeres semantisches Element gibt. Abschnitte sollten, mit sehr wenigen Ausnahmen, immer eine Überschrift haben.
<search> Repräsentiert einen Teil, der eine Gruppe von Formular-Steuerelementen oder andere Inhalte enthält, die mit der Durchführung einer Suche oder Filteroperation zusammenhängen.

Textinhalt

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

Element Beschreibung
<blockquote> Zeigt an, dass der eingeschlossene Text ein längeres Zitat ist. Üblicherweise 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> Stellt die Beschreibung, Definition oder den Wert für den vorangehenden Begriff (<dt>) in einer Beschreibungsliste (<dl>) bereit.
<div> Der allgemeine Container für Flow-Inhalt. Er hat keine Auswirkung auf Inhalt oder Layout, bis er auf irgendeine Weise mit CSS gestaltet wird (z. B. indem Styling direkt darauf angewendet wird oder indem auf sein übergeordnetes Element ein Layoutmodell wie Flexbox angewendet wird).
<dl> Repräsentiert eine Beschreibungsliste. Das Element umschließt eine Liste von Gruppen aus Begriffen (angegeben mit dem Element <dt>) und Beschreibungen (bereitgestellt durch <dd>-Elemente). Häufige Verwendungen dieses Elements sind die Umsetzung eines Glossars oder die Anzeige von Metadaten (einer Liste von Schlüssel-Wert-Paaren).
<dt> Gibt einen Begriff in einer Beschreibungs- oder Definitionsliste an und muss daher innerhalb eines Elements <dl> verwendet werden. Ihm folgt normalerweise ein Element <dd>; mehrere aufeinanderfolgende <dt>-Elemente zeigen jedoch mehrere Begriffe an, die alle durch das unmittelbar folgende Element <dd> definiert werden.
<figcaption> Repräsentiert eine Bildunterschrift oder Legende, die den restlichen Inhalt des übergeordneten Elements <figure> beschreibt.
<figure> Repräsentiert eigenständigen Inhalt, möglicherweise mit einer optionalen Beschriftung, die mit dem Element <figcaption> angegeben wird. Die Abbildung, ihre Beschriftung und ihr Inhalt werden als eine einzelne Einheit referenziert.
<hr> Repräsentiert einen thematischen Bruch zwischen Elementen auf Absatzebene: beispielsweise einen Szenenwechsel in einer Geschichte oder einen Themenwechsel innerhalb eines Abschnitts.
<li> Repräsentiert ein Element in einer Liste. Es muss in einem übergeordneten Element enthalten sein: einer geordneten Liste (<ol>), einer ungeordneten Liste (<ul>) oder einem Menü (<menu>). In Menüs und ungeordneten Listen werden Listenelemente üblicherweise mit Aufzählungszeichen dargestellt. In geordneten Listen werden sie üblicherweise mit einem aufsteigenden Zähler links dargestellt, etwa einer Zahl oder einem Buchstaben.
<menu> Eine semantische Alternative zu <ul>, die jedoch von Browsern (und über den Barrierefreiheitsbaum) nicht anders als <ul> behandelt wird. Es repräsentiert eine ungeordnete Liste von Elementen (die durch <li>-Elemente dargestellt werden).
<ol> Repräsentiert eine geordnete Liste von Elementen — typischerweise als nummerierte Liste dargestellt.
<p> Repräsentiert einen Absatz. Absätze werden in visuellen Medien üblicherweise als Textblöcke dargestellt, die durch Leerzeilen und/oder Einrückung der ersten Zeile von benachbarten Blöcken getrennt sind. HTML-Absätze können jedoch jede strukturelle Gruppierung verwandter Inhalte sein, etwa Bilder oder Formularfelder.
<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 nichtproportionalen oder Monospace-Schriftart dargestellt. Leerraum innerhalb dieses Elements wird wie geschrieben angezeigt.
<ul> Repräsentiert eine ungeordnete Liste von Elementen, typischerweise als Liste mit Aufzählungszeichen dargestellt.

Semantik für Inline-Text

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

Element Beschreibung
<a> Erstellt zusammen mit seinem Attribut href einen Hyperlink zu Webseiten, Dateien, E-Mail-Adressen, Stellen innerhalb der aktuellen Seite oder allem anderen, das eine URL adressieren kann.
<abbr> Repräsentiert eine Abkürzung oder ein Akronym.
<b> Wird verwendet, um die Aufmerksamkeit der Lesenden auf den Inhalt des Elements zu lenken, dem ansonsten keine besondere Wichtigkeit zukommt. Früher war dies als Boldface-Element bekannt, und die meisten Browser stellen den Text weiterhin fett dar. Sie sollten <b> jedoch nicht zum Gestalten von Text oder zur Hervorhebung von Wichtigkeit verwenden. Wenn Sie fetten Text erstellen möchten, sollten Sie die CSS-Eigenschaft font-weight verwenden. Wenn Sie angeben möchten, dass ein Element von besonderer Bedeutung ist, sollten Sie das Element <strong> verwenden.
<bdi> Weist den bidirektionalen Algorithmus des Browsers an, den enthaltenen Text isoliert von seinem umgebenden Text zu behandeln. Dies ist besonders nützlich, wenn eine Website dynamisch Text einfügt und die Schreibrichtung des einzufügenden Textes nicht kennt.
<bdo> Überschreibt die aktuelle Schreibrichtung von Text, sodass der enthaltene Text in einer anderen Richtung gerendert wird.
<br> Erzeugt einen Zeilenumbruch im Text (Wagenrücklauf). Es ist nützlich, um ein Gedicht oder eine Adresse zu schreiben, bei denen die Zeilenteilung bedeutsam ist.
<cite> Wird verwendet, um den Titel eines kreativen Werks auszuzeichnen. Die Referenz kann entsprechend kontextangemessenen Konventionen für Zitatmetadaten in abgekürzter Form vorliegen.
<code> Zeigt seinen Inhalt in einer Weise formatiert an, die darauf hinweisen soll, dass der Text ein kurzes Fragment von Computercode ist. Standardmäßig wird der Inhaltstext mit der Standard-Monospace-Schriftart des User-Agents angezeigt.
<data> Verknüpft einen gegebenen Inhalt mit einer maschinenlesbaren Übersetzung. Wenn der Inhalt zeit- oder datumsbezogen ist, muss das Element <time> verwendet werden.
<dfn> Wird verwendet, um den im Kontext einer Definitionsphrase oder eines Definitionssatzes definierten Begriff anzugeben. Das übergeordnete Element <p>, die Paarung <dt>/<dd> oder der nächstgelegene Abschnittsvorfahr des Elements <dfn> wird als Definition des Begriffs betrachtet.
<em> Kennzeichnet Text mit Betonung. Das Element <em> kann verschachtelt werden, wobei jede Verschachtelungsebene einen stärkeren Betonungsgrad anzeigt.
<i> Repräsentiert einen Textbereich, der aus irgendeinem Grund vom normalen Text abgesetzt ist, etwa idiomatischen Text, technische Begriffe und taxonomische Bezeichnungen. Historisch wurden diese kursiv dargestellt, was der ursprüngliche Grund für die Benennung dieses Elements als <i> ist.
<kbd> Repräsentiert einen Bereich von Inline-Text, der eine textuelle Benutzereingabe von einer Tastatur, Spracheingabe oder einem anderen Texteingabegerät bezeichnet. Konventionsgemäß rendert der User-Agent den Inhalt eines Elements <kbd> standardmäßig mit seiner Standard-Monospace-Schriftart, obwohl dies nicht vom HTML-Standard vorgeschrieben ist.
<mark> Repräsentiert Text, der aufgrund der Relevanz der markierten Passage im umschließenden Kontext zu Referenz- oder Notizzwecken markiert oder hervorgehoben ist.
<q> Zeigt an, dass der eingeschlossene Text ein kurzes Inline-Zitat ist. Die meisten modernen Browser setzen den Text dazu in Anführungszeichen. Dieses Element ist für kurze Zitate vorgesehen, die keine Absatzumbrüche erfordern; verwenden Sie für lange Zitate das Element <blockquote>.
<rp> Wird verwendet, um Ersatzklammern für Browser bereitzustellen, die die Anzeige von Ruby-Anmerkungen mit dem Element <ruby> nicht unterstützen. Ein Element <rp> sollte jeweils die öffnende und schließende Klammer umschließen, die das Element <rt> mit dem Text der Anmerkung umgeben.
<rt> Gibt die Ruby-Textkomponente einer Ruby-Anmerkung an, die verwendet wird, um Informationen zur Aussprache, Übersetzung oder Transliteration für ostasiatische Typografie bereitzustellen. Das Element <rt> muss immer innerhalb eines Elements <ruby> enthalten sein.
<ruby> Repräsentiert kleine Anmerkungen, die über, unter oder neben Basistext gerendert werden und üblicherweise zur Anzeige der Aussprache ostasiatischer Zeichen verwendet werden. Es kann auch für Anmerkungen zu anderen Textarten verwendet werden, aber diese Verwendung ist weniger verbreitet.
<s> Rendert Text mit Durchstreichung oder einer Linie durch den Text. Verwenden Sie das Element <s>, um Dinge darzustellen, die nicht länger relevant oder nicht mehr korrekt sind. <s> ist jedoch nicht geeignet, um Dokumentbearbeitungen anzuzeigen; verwenden Sie dafür nach Bedarf die Elemente <del> und <ins>.
<samp> Wird verwendet, um Inline-Text einzuschließen, der eine Beispielausgabe (oder zitierte Ausgabe) eines Computerprogramms darstellt. Sein Inhalt wird typischerweise mit der Standard-Monospace-Schriftart des Browsers gerendert (etwa Courier oder Lucida Console).
<small> Repräsentiert Nebenbemerkungen und Kleingedrucktes, etwa Copyright- und Rechtstexte, unabhängig von ihrer formatierten Darstellung. Standardmäßig wird Text darin eine Schriftgröße kleiner gerendert, etwa von small zu x-small.
<span> Ein allgemeiner Inline-Container für Phraseninhalt, der von sich aus nichts repräsentiert. Er kann verwendet werden, um Elemente zu Stylingzwecken zu gruppieren (unter Verwendung der Attribute class oder id) oder weil sie Attributwerte wie lang gemeinsam haben. Er sollte nur verwendet werden, wenn kein anderes semantisches Element geeignet ist. <span> ist einem div-Element sehr ähnlich, aber div ist ein Element auf Blockebene, während ein <span> ein Element auf Inline-Ebene ist.
<strong> Zeigt an, dass sein Inhalt von starker Bedeutung, Ernsthaftigkeit oder Dringlichkeit ist. Browser rendern den Inhalt typischerweise fett.
<sub> Gibt Inline-Text an, der aus rein typografischen Gründen als tiefgestellter Text angezeigt werden soll. Tiefgestellter Text wird typischerweise mit einer tiefergelegten Grundlinie und kleinerem Text gerendert.
<sup> Gibt Inline-Text an, der aus rein typografischen Gründen als hochgestellter Text angezeigt werden soll. Hochgestellter Text wird typischerweise mit einer angehobenen Grundlinie und kleinerem Text gerendert.
<time> Repräsentiert einen bestimmten Zeitraum. Es kann das Attribut datetime enthalten, um Daten in ein maschinenlesbares Format zu übersetzen und dadurch bessere Suchmaschinenergebnisse oder benutzerdefinierte Funktionen wie Erinnerungen zu ermöglichen.
<u> Repräsentiert einen Bereich von Inline-Text, der so gerendert werden soll, dass er eine nichttextuelle Anmerkung anzeigt. Standardmäßig wird dies als einfache durchgehende Unterstreichung gerendert, kann jedoch mit CSS geändert werden.
<var> Repräsentiert den Namen einer Variablen in einem mathematischen Ausdruck oder einem Programmierkontext. Er wird typischerweise in einer kursiven Variante der aktuellen Schriftart dargestellt, obwohl dieses Verhalten vom Browser abhängt.
<wbr> Repräsentiert eine mögliche Wortumbruchstelle — eine Position innerhalb von Text, an der der Browser optional eine Zeile umbrechen kann, obwohl seine Zeilenumbruchregeln dort ansonsten keinen Umbruch erzeugen würden.

Bilder und Multimedia

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

Element Beschreibung
<area> Definiert einen Bereich innerhalb einer Image-Map mit vordefinierten anklickbaren Bereichen. Eine Image-Map ermöglicht die Zuordnung geometrischer Bereiche auf einem Bild zu einem Hyperlink.
<audio> Wird verwendet, um Audioinhalte in Dokumente einzubetten. Es kann eine oder mehrere Audioquellen enthalten, die mit dem Attribut src oder dem Source-Element dargestellt werden: Der Browser wählt die am besten geeignete aus. Es kann auch das Ziel für gestreamte Medien unter Verwendung eines MediaStream sein.
<img> Bettet ein Bild in das Dokument ein.
<map> Wird zusammen mit <area>-Elementen verwendet, um eine Image-Map (einen anklickbaren Linkbereich) zu definieren.
<track> Wird als Kindelement der Medienelemente Audio und Video verwendet. Damit können Sie zeitgesteuerte Textspuren (oder zeitbasierte Daten) angeben, beispielsweise um Untertitel automatisch zu verarbeiten. Die Spuren werden im WebVTT-Format formatiert (.vtt-Dateien) — Web Video Text Tracks.
<video> Bettet einen Mediaplayer, der die Videowiedergabe unterstützt, in das Dokument ein. Sie können <video> auch für Audioinhalte verwenden, aber das Audioelement bietet möglicherweise eine angemessenere Benutzererfahrung.

Eingebetteter Inhalt

Zusätzlich zu regulärem Multimedia-Inhalt kann HTML eine Vielzahl weiterer Inhalte einbinden, auch wenn die Interaktion damit nicht immer einfach ist.

Element Beschreibung
<embed> Bettet externen Inhalt an der angegebenen Stelle im Dokument ein. Dieser Inhalt wird vom Browser oder einer externen Anwendung verarbeitet.
<iframe> Repräsentiert einen verschachtelten Browsing-Kontext und bettet ein anderes Dokument in das aktuelle ein.
<object> Repräsentiert eine externe Ressource, die als Bild, verschachtelter Browsing-Kontext oder von einem Plugin zu verarbeitende Ressource 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 Picture-, das Audio- oder das Videoelement an. Es ist ein Void-Element, d.h. es hat keinen Inhalt und kein schließendes Tag. Es wird häufig verwendet, um denselben Medieninhalt in mehreren Dateiformaten anzubieten und so aufgrund der unterschiedlichen Unterstützung für Bilddateiformate und Mediendateiformate Kompatibilität mit einer breiten Palette von Browsern zu bieten.

SVG und MathML

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

Element Beschreibung
<svg> Container, der ein neues Koordinatensystem und einen Viewport definiert. Er wird als äußerstes Element von SVG-Dokumenten verwendet, kann aber auch verwendet werden, um ein SVG-Fragment innerhalb eines SVG- oder HTML-Dokuments einzubetten.
<math> Das Element der obersten Ebene in MathML. Jede gültige MathML-Instanz muss darin eingeschlossen sein. Außerdem dürfen Sie kein zweites <math>-Element in einem anderen verschachteln, können jedoch eine beliebige Anzahl anderer Kindelemente darin haben.

Skripting

Zum Erstellen dynamischer Inhalte und Webanwendungen unterstützt HTML die Verwendung von Skriptsprachen, insbesondere JavaScript. Bestimmte Elemente unterstützen diese Fähigkeit.

Element Beschreibung
<canvas> Containerelement zur Verwendung entweder mit der Canvas-Scripting-API oder der WebGL-API, 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 Skripting im Browser derzeit deaktiviert ist.
<script> Wird verwendet, um ausführbaren Code oder Daten einzubetten; typischerweise wird es verwendet, um JavaScript-Code einzubetten oder darauf zu verweisen. Das Element <script> kann auch mit anderen Sprachen verwendet werden, etwa der GLSL-Shader-Programmiersprache von WebGL und JSON.

Bearbeitungen kennzeichnen

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 bei der Darstellung von Informationen zu „Änderungen nachverfolgen“ oder Quellcode-Diffs verwendet werden. Das Element <ins> kann für den entgegengesetzten Zweck verwendet werden: um Text anzugeben, der dem Dokument hinzugefügt wurde.
<ins> Repräsentiert einen Textbereich, der einem Dokument hinzugefügt wurde. Sie können das Element <del> entsprechend verwenden, um einen Textbereich darzustellen, der aus dem Dokument gelöscht wurde.

Tabelleninhalt

Die hier aufgeführten Elemente werden zum Erstellen und Verarbeiten tabellarischer Daten verwendet.

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 Element <colgroup> repräsentiert wird. Das Element <col> ist nur als Kindelement eines Elements <colgroup> gültig, für das kein Attribut span definiert ist.
<colgroup> Definiert eine Gruppe von Spalten innerhalb einer Tabelle.
<table> Repräsentiert tabellarische Daten — also Informationen, die in einer zweidimensionalen Tabelle dargestellt werden, die aus Zeilen und Spalten mit Daten enthaltenden Zellen besteht.
<tbody> Kapselt eine Gruppe von Tabellenzeilen (<tr>-Elemente) und zeigt an, dass sie den Rumpf der (Haupt-)Daten einer Tabelle bilden.
<td> Als Kindelement des Elements <tr> definiert es eine Zelle einer Tabelle, die Daten enthält.
<tfoot> Kapselt eine Gruppe von Tabellenzeilen (<tr>-Elemente) und zeigt an, dass sie den Fuß einer Tabelle mit Informationen über die Spalten der Tabelle bilden. Dies ist üblicherweise eine Zusammenfassung der Spalten, z. B. eine Summe der angegebenen Zahlen in einer Spalte.
<th> Als Kindelement des Elements <tr> definiert es eine Zelle als Kopfzeile einer Gruppe von Tabellenzellen. Die Art dieser Gruppe kann explizit durch die Attribute scope und headers definiert werden.
<thead> Kapselt eine Gruppe von Tabellenzeilen (<tr>-Elemente) und zeigt an, dass sie den Kopf einer Tabelle mit Informationen über die Spalten der Tabelle bilden. Dies geschieht üblicherweise in Form von Spaltenüberschriften (<th>-Elemente).
<tr> Definiert eine Zeile von Zellen in einer Tabelle. Die Zellen der Zeile können dann mit einer Mischung aus <td>-Elementen (Datenzellen) und <th>-Elementen (Kopfzellen) erstellt werden.

Formulare

HTML stellt mehrere Elemente bereit, die zusammen verwendet werden können, um Formulare zu erstellen, die Nutzende ausfüllen und an die Website oder Anwendung übermitteln können. Weitere Informationen hierzu finden Sie im Leitfaden zu HTML-Formularen.

Element Beschreibung
<button> Ein interaktives Element, das von Nutzenden mit Maus, Tastatur, Finger, Sprachbefehl oder anderer assistiver Technologie aktiviert wird. Nach der Aktivierung führt es eine Aktion aus, etwa 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 zur Auswahl verfügbar sind.
<fieldset> Wird verwendet, um mehrere Steuerelemente sowie Beschriftungen (<label>) innerhalb eines Webformulars zu gruppieren.
<form> Repräsentiert einen Dokumentabschnitt mit interaktiven Steuerelementen zum Übermitteln von Informationen.
<input> Wird verwendet, um interaktive Steuerelemente für webbasierte Formulare zu erstellen, die Daten von Nutzenden akzeptieren; je nach Gerät und User-Agent sind verschiedenste Arten von Eingabedaten und Steuerelement-Widgets verfügbar. Das Element <input> gehört aufgrund der großen Anzahl von Kombinationen aus Eingabetypen und Attributen zu den leistungsfähigsten und komplexesten Elementen in ganz HTML.
<label> Repräsentiert eine Beschriftung für ein Element einer Benutzeroberfläche.
<legend> Repräsentiert eine Beschriftung für den Inhalt seines übergeordneten Elements <fieldset>.
<meter> Repräsentiert entweder einen skalaren Wert innerhalb eines bekannten Bereichs oder einen Bruchwert.
<optgroup> Erstellt eine Gruppierung von Optionen innerhalb eines Elements <select>.
<option> Wird verwendet, um ein Element zu definieren, das in einem Element <select>, <optgroup> oder <datalist> enthalten ist. Somit kann <option> Menüeinträge in Pop-ups und anderen Listen von Elementen in einem HTML-Dokument repräsentieren.
<output> Containerelement, in das eine Website oder App die Ergebnisse einer Berechnung oder das Ergebnis einer Benutzeraktion einfügen kann.
<progress> Zeigt einen Indikator für den Fortschritt beim Abschließen einer Aufgabe an, typischerweise als Fortschrittsbalken dargestellt.
<select> Repräsentiert ein Steuerelement, das ein Menü von Optionen bereitstellt.
<selectedcontent> Zeigt den Inhalt der aktuell ausgewählten <option> innerhalb eines geschlossenen <select>-Elements an.
<textarea> Repräsentiert ein mehrzeiliges Klartext-Bearbeitungssteuerelement, das nützlich ist, wenn Sie Nutzenden erlauben möchten, eine größere Menge frei formulierbaren Texts einzugeben, beispielsweise einen Kommentar in einem Bewertungs- oder Feedbackformular.

Interaktive Elemente

HTML bietet eine Auswahl an Elementen, die beim Erstellen interaktiver Benutzeroberflächenobjekte helfen.

Element Beschreibung
<details> Erstellt ein Offenlegungs-Widget, in dem Informationen nur sichtbar sind, wenn das Widget in einen „geöffneten“ Zustand umgeschaltet wird. Eine Zusammenfassung oder Beschriftung muss mit dem Element <summary> bereitgestellt werden.
<dialog> Repräsentiert ein Dialogfeld oder eine andere interaktive Komponente, etwa einen schließbaren Alert, Inspektor oder ein Unterfenster.
<geolocation> Erstellt ein interaktives Steuerelement, mit dem Nutzende ihre Geolokalisierungsdaten mit der Seite teilen können.
<summary> Gibt eine Zusammenfassung, Beschriftung oder Legende für das Offenlegungsfeld eines Details-Elements an. Durch Klicken auf das Element <summary> wird der Zustand des übergeordneten Elements <details> zwischen geöffnet und geschlossen umgeschaltet.

Web Components

Web Components ist eine HTML-bezogene Technologie, die es im Wesentlichen ermöglicht, benutzerdefinierte Elemente zu erstellen und zu verwenden, als wären sie reguläres HTML. Zusätzlich können Sie benutzerdefinierte Versionen von Standard-HTML-Elementen erstellen.

Element Beschreibung
<slot> Als Teil der Technologie-Suite Web Components ist dieses Element ein Platzhalter innerhalb einer Webkomponente, den Sie mit Ihrem eigenen Markup füllen können. Dadurch können Sie separate DOM-Bäume erstellen und sie gemeinsam darstellen.
<template> Ein Mechanismus zum Speichern von HTML, das beim Laden einer Seite nicht sofort gerendert werden soll, aber später zur Laufzeit mithilfe von JavaScript instanziiert werden kann.

Veraltete und obsolet gewordene Elemente

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

Element Beschreibung
<acronym> Ermöglicht Autoren, eindeutig eine Zeichenfolge anzugeben, die ein Akronym oder eine Abkürzung für ein Wort bildet.
<big> Rendert den eingeschlossenen Text mit einer Schriftgröße, die eine Stufe größer als der umgebende Text ist (aus medium wird beispielsweise large). Die Größe ist auf die maximal zulässige Schriftgröße des Browsers begrenzt.
<center> Zeigt seinen Inhalt auf Blockebene oder Inline-Ebene horizontal zentriert innerhalb seines enthaltenden Elements an.
<content> Ein obsoleter Teil der Technologie-Suite Web Components — wurde innerhalb von Shadow DOM als Einfügepunkt verwendet und war nicht für die Verwendung in gewöhnlichem HTML gedacht. Es wurde inzwischen durch das Element <slot> ersetzt, das einen Punkt im DOM erstellt, 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 vom User-Agent angewendeten Styles und Icons. Verwenden Sie dieses obsolete Element nicht; verwenden Sie stattdessen das Element <ul> für Listen, einschließlich Dateilisten.
<fencedframe> Repräsentiert einen verschachtelten Browsing-Kontext wie <iframe>, jedoch mit integrierten nativeren Datenschutzfunktionen.
<font> Definiert 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 Elements <frameset> verwendet werden.
<frameset> Wird verwendet, um <frame>-Elemente zu enthalten.
<image> Ein sehr alter und schlecht unterstützter Vorläufer des Elements <img>. Es sollte nicht verwendet werden.
<marquee> Wird verwendet, um einen scrollenden Textbereich einzufügen. Mit seinen Attributen können Sie steuern, was geschieht, wenn der Text die Ränder seines Inhaltsbereichs erreicht.
<menuitem> Repräsentiert einen Befehl, den Nutzende über ein Pop-up-Menü aufrufen können. Dazu gehören Kontextmenüs sowie Menüs, die möglicherweise an eine Menüschaltfläche angehängt sind.
<nobr> Verhindert, dass der enthaltene Text automatisch über mehrere Zeilen umbricht, was möglicherweise dazu führt, dass Nutzende horizontal scrollen müssen, um die gesamte Breite des Textes zu sehen.
<noembed> Eine obsolete, nicht standardisierte Möglichkeit, alternativen oder „Fallback“-Inhalt für Browser bereitzustellen, die das Embed-Element oder den Typ von eingebettetem Inhalt nicht unterstützen, den ein Autor verwenden möchte. Dieses Element wurde in HTML 4.01 und höher zugunsten der Platzierung von Fallback-Inhalt zwischen den öffnenden und schließenden Tags eines Elements <object> verworfen.
<noframes> Stellt Inhalt bereit, der in Browsern angezeigt wird, die das Element <frame> nicht unterstützen (oder deren Unterstützung dafür deaktiviert ist). Obwohl die meisten häufig verwendeten Browser Frames unterstützen, gibt es Ausnahmen, darunter bestimmte Browser für spezielle Einsatzzwecke einschließlich einiger Mobilbrowser sowie Browser im Textmodus.
<param> Definiert Parameter für ein Element <object>.
<plaintext> Rendert alles nach dem Start-Tag als Rohtext und ignoriert jegliches nachfolgende HTML. Es gibt kein schließendes Tag, da alles danach als Rohtext gilt.
<rb> Wird verwendet, um die Basiskomponente einer Ruby-Anmerkung abzugrenzen, also den Text, der kommentiert wird. Ein Element <rb> sollte jedes separate atomare Segment des Basistexte umschließen.
<rtc> Umschließt semantische Anmerkungen von Zeichen, die in einem Ruby aus <rb>-Elementen dargestellt werden, die innerhalb eines Elements <ruby> verwendet werden. <rb>-Elemente können sowohl Aussprache- (<rt>) als auch semantische (<rtc>) Anmerkungen haben.
<shadow> Ein obsoleter Teil der Technologie-Suite Web Components, der als Einfügepunkt für Shadow DOM verwendet werden sollte. Sie könnten es verwendet haben, wenn Sie mehrere Shadow Roots unter einem Shadow Host erstellt haben. Erwägen Sie stattdessen die Verwendung von <slot>.
<strike> Legt eine Durchstreichung (horizontale Linie) über Text.
<tt> Erstellt Inline-Text, der mit der Standard-Monospace-Schriftart des User-Agents dargestellt wird. Dieses Element wurde erstellt, um Text so zu rendern, wie er auf einer Anzeige mit fester Breite wie einem Fernschreiber, einem reinen Textbildschirm oder einem Zeilendrucker angezeigt würde.
<xmp> Rendert Text zwischen Start- und End-Tags, ohne das dazwischenliegende HTML zu interpretieren, und verwendet eine Monospace-Schriftart. Die HTML2-Spezifikation empfahl, dass es breit genug gerendert werden sollte, um 80 Zeichen pro Zeile zu ermöglichen.

Siehe auch

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.
Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden