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 führt 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 zu den Grundlagen von HTML-Elementen und -Attributen finden Sie unter Anatomie eines HTML-Elements.

Hauptelement

Element Beschreibung
<html> Repräsentiert die Wurzel (das Element der obersten Ebene) eines HTML-Dokuments und wird daher auch als Wurzelelement bezeichnet. Alle anderen Elemente müssen Nachfahren 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. In einem Dokument kann es nur ein solches Element 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 zur Verknüpfung mit CSS verwendet, dient aber unter anderem auch zum Festlegen von Website-Icons (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 metadatenbezogene HTML-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 Abschnittsbildung

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

Inhaltsabschnitte

Elemente zur Inhaltsabschnittsbildung ermöglichen es Ihnen, den Dokumentinhalt in logische Teile zu gliedern. Verwenden Sie die Elemente zur Abschnittsbildung, um eine grobe Gliederung Ihres Seiteninhalts zu erstellen, einschließlich Header- und Footer-Navigation sowie Überschriftenelementen zur Kennzeichnung von Inhaltsabschnitten.

Element Beschreibung
<address> Gibt an, dass das eingeschlossene HTML Kontaktinformationen für eine Person oder mehrere Personen beziehungsweise für eine Organisation bereitstellt.
<article> Repräsentiert eine eigenständige Zusammenstellung in einem Dokument, einer Seite, einer Anwendung oder Website, die zur unabhängigen Verteilung oder Wiederverwendung bestimmt ist (z. B. bei Syndication). Beispiele sind ein Forenbeitrag, ein Zeitschriften- oder Zeitungsartikel, ein Blogbeitrag, eine Produktkarte, ein von Nutzenden eingereichter Kommentar, ein interaktives Widget oder Gadget oder jede andere eigenständige Inhaltseinheit.
<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 Hinweisboxen dargestellt.
<footer> Repräsentiert einen Footer für sein nächstes Vorfahrenelement mit Abschnittsinhalt oder Wurzelelement für Abschnittsbildung. Ein <footer> enthält typischerweise Informationen über den Autor des Abschnitts, Urheberrechtsdaten oder Links zu verwandten Dokumenten.
<header> Repräsentiert einleitenden Inhalt, typischerweise eine Gruppe einleitender oder navigationsbezogener Hilfsmittel. Es kann einige Überschriftenelemente, aber auch ein Logo, ein Suchformular, einen Autorennamen und andere Elemente enthalten.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> Repräsentieren sechs Ebenen von Abschnittsüberschriften. <h1> ist die höchste Abschnittsebene und <h6> die niedrigste.
<hgroup> Repräsentiert eine Überschrift, die mit sekundärem Inhalt wie Unterüberschriften, einem alternativen Titel oder einer Tagline gruppiert ist.
<main> Repräsentiert den dominierenden Inhalt des Body eines Dokuments. Der Hauptinhaltsbereich besteht aus Inhalt, der direkt mit dem zentralen Thema eines Dokuments oder der zentralen Funktionalität einer Anwendung zusammenhängt oder diese erweitert.
<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 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 Formularsteuerelementen oder anderen Inhalt enthält, die mit der Durchführung einer Such- oder Filteroperation zusammenhängen.

Textinhalt

Verwenden Sie HTML-Textinhaltselemente, 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> Gibt 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 generische Container für Flow-Inhalt. Er hat keine Auswirkung auf den Inhalt oder das Layout, bis er auf irgendeine Weise mit CSS gestaltet wird (z. B. indem Styling direkt darauf angewendet wird oder auf sein Elternelement ein Layoutmodell wie Flexbox angewendet wird).
<dl> Repräsentiert eine Beschreibungsliste. Das Element umfasst eine Liste von Gruppen aus Begriffen (angegeben durch das Element <dt>) und Beschreibungen (bereitgestellt durch <dd>-Elemente). Häufige Verwendungen dieses Elements sind die Implementierung 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. Darauf folgt üblicherweise ein Element <dd>; mehrere aufeinanderfolgende <dt>-Elemente geben jedoch mehrere Begriffe an, die alle durch das unmittelbar folgende Element <dd> definiert werden.
<figcaption> Repräsentiert eine Beschriftung oder Legende, die den restlichen Inhalt seines übergeordneten Elements <figure> beschreibt.
<figure> Repräsentiert eigenständigen Inhalt, möglicherweise mit einer optionalen Beschriftung, die durch das Element <figcaption> angegeben wird. Die Abbildung, ihre Beschriftung und ihr Inhalt werden als eine Einheit referenziert.
<hr> Repräsentiert eine thematische Trennung 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 Elternelement 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 auf der linken Seite dargestellt, etwa einer Zahl oder einem Buchstaben.
<menu> Eine semantische Alternative zu <ul>, die von Browsern (und im Barrierefreiheitsbaum) jedoch nicht anders als <ul> behandelt wird. Es repräsentiert eine ungeordnete Liste von Elementen (die durch <li>-Elemente repräsentiert werden).
<ol> Repräsentiert eine geordnete Liste von Elementen — üblicherweise 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 zusammenhängender 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 üblicherweise mit einer nichtproportionalen oder Monospace-Schriftart dargestellt. Leerraum innerhalb dieses Elements wird wie geschrieben angezeigt.
<ul> Repräsentiert eine ungeordnete Liste von Elementen, die üblicherweise als Aufzählungsliste dargestellt wird.

Semantik von Inline-Text

Verwenden Sie die HTML-Semantik für Inline-Text, um die Bedeutung, Struktur oder den Stil eines Worts, 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, Positionen innerhalb der aktuellen Seite oder allem anderen, das durch eine URL adressiert werden 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. Es war früher als Boldface-Element bekannt, und die meisten Browser stellen den Text weiterhin fett dar. Sie sollten <b> jedoch nicht verwenden, um Text zu gestalten oder ihm Wichtigkeit zu verleihen. 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 Wichtigkeit 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 eingefügten Texts nicht kennt.
<bdo> Überschreibt die aktuelle Schreibrichtung von Text, sodass der darin enthaltene Text in einer anderen Richtung dargestellt wird.
<br> Erzeugt einen Zeilenumbruch im Text (Wagenrücklauf). Dies ist nützlich, um ein Gedicht oder eine Adresse zu schreiben, bei denen die Aufteilung in Zeilen von Bedeutung ist.
<cite> Wird verwendet, um den Titel eines kreativen Werks auszuzeichnen. Die Referenz kann gemäß kontextgerechten Konventionen für Zitiermetadaten in abgekürzter Form erfolgen.
<code> Zeigt seinen Inhalt in einem Stil an, der darauf hinweist, 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 Begriff anzugeben, der im Kontext einer Definitionsphrase oder eines Definitionssatzes definiert wird. Das Vorfahrenelement <p>, die Paarung aus <dt>/<dd> oder der nächste 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 höheren Grad an Betonung anzeigt.
<i> Repräsentiert einen Textbereich, der aus irgendeinem Grund vom normalen Text abgesetzt ist, etwa idiomatischen Text, Fachbegriffe 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 eine Spanne von Inline-Text, die eine Texteingabe des Benutzers über eine Tastatur, Spracheingabe oder ein anderes Texteingabegerät bezeichnet. Konventionell stellt der User Agent den Inhalt eines <kbd>-Elements standardmäßig mit seiner Standard-Monospace-Schriftart dar, obwohl dies nicht durch den HTML-Standard vorgeschrieben ist.
<mark> Repräsentiert Text, der aufgrund der Relevanz der markierten Passage im umgebenden Kontext zu Referenz- oder Notationszwecken markiert oder hervorgehoben ist.
<q> Gibt an, dass der eingeschlossene Text ein kurzes Inline-Zitat ist. Die meisten modernen Browser implementieren dies, indem sie den Text mit Anführungszeichen umgeben. Dieses Element ist für kurze Zitate gedacht, die keine Absatzumbrüche erfordern; verwenden Sie für lange Zitate das Element <blockquote>.
<rp> Wird verwendet, um Ersatzklammern für Browser bereitzustellen, die die Anzeige von Ruby-Anmerkungen mithilfe des Elements <ruby> nicht unterstützen. Ein <rp>-Element sollte jede öffnende und schließende Klammer umschließen, die das Element <rt> umgibt, das den Text der Anmerkung enthält.
<rt> Gibt die Ruby-Textkomponente einer Ruby-Anmerkung an, die Informationen zur Aussprache, Übersetzung oder Transkription für ostasiatische Typografie bereitstellt. Das Element <rt> muss immer innerhalb eines Elements <ruby> enthalten sein.
<ruby> Repräsentiert kleine Anmerkungen, die über, unter oder neben Basistexte gerendert werden und normalerweise zur Anzeige der Aussprache ostasiatischer Zeichen verwendet werden. Es kann auch verwendet werden, um andere Textarten zu annotieren, aber diese Verwendung ist weniger verbreitet.
<s> Stellt Text durchgestrichen oder mit einer Linie dar. Verwenden Sie das Element <s>, um Dinge darzustellen, die nicht mehr relevant oder nicht mehr korrekt sind. <s> ist jedoch nicht geeignet, um Dokumentbearbeitungen anzugeben; verwenden Sie dafür je nach Bedarf die Elemente <del> und <ins>.
<samp> Wird verwendet, um Inline-Text zu umschließen, der eine Beispielausgabe (oder zitierte Ausgabe) eines Computerprogramms repräsentiert. Sein Inhalt wird üblicherweise mit der Standard-Monospace-Schriftart des Browsers dargestellt (etwa Courier oder Lucida Console).
<small> Repräsentiert Nebenbemerkungen und Kleingedrucktes, etwa Urheberrechts- und Rechtstexte, unabhängig von seiner gestylten Darstellung. Standardmäßig wird der darin enthaltene Text eine Schriftgröße kleiner dargestellt, etwa von small zu x-small.
<span> Ein generischer Inline-Container für Phrasing-Inhalt, der von sich aus nichts repräsentiert. Er kann verwendet werden, um Elemente zu Styling-Zwecken (mithilfe der Attribute class oder id) zu gruppieren oder weil sie Attributwerte wie lang gemeinsam haben. Er sollte nur verwendet werden, wenn kein anderes semantisches Element geeignet ist. <span> ähnelt stark einem div-Element, aber div ist ein Element auf Blockebene, während ein <span> ein Element auf Inline-Ebene ist.
<strong> Gibt an, dass sein Inhalt starke Wichtigkeit, Ernsthaftigkeit oder Dringlichkeit hat. Browser stellen den Inhalt üblicherweise in Fettschrift dar.
<sub> Gibt Inline-Text an, der aus rein typografischen Gründen tiefgestellt angezeigt werden soll. Tiefstellungen werden üblicherweise mit einer abgesenkten Grundlinie und kleinerem Text dargestellt.
<sup> Gibt Inline-Text an, der aus rein typografischen Gründen hochgestellt angezeigt werden soll. Hochstellungen werden üblicherweise mit einer angehobenen Grundlinie und kleinerem Text dargestellt.
<time> Repräsentiert einen bestimmten Zeitraum. Es kann das Attribut datetime enthalten, um Datumsangaben in ein maschinenlesbares Format zu übersetzen und damit bessere Suchmaschinenergebnisse oder benutzerdefinierte Funktionen wie Erinnerungen zu ermöglichen.
<u> Repräsentiert eine Spanne von Inline-Text, die auf eine Weise dargestellt werden soll, die angibt, dass sie eine nichttextuelle Anmerkung hat. Standardmäßig wird dies als einzelne durchgehende Unterstreichung dargestellt, kann aber mit CSS geändert werden.
<var> Repräsentiert den Namen einer Variable in einem mathematischen Ausdruck oder einem Programmierkontext. Er wird üblicherweise mit einer kursiven Variante der aktuellen Schriftart dargestellt, obwohl dieses Verhalten browserabhängig ist.
<wbr> Repräsentiert eine mögliche Wortumbruchstelle — eine Position innerhalb eines Texts, an der der Browser optional eine Zeile umbrechen kann, obwohl seine Regeln für Zeilenumbrüche an dieser Stelle sonst 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 es, geometrische Bereiche eines Bildes mit einem Hyperlink zu verknüpfen.
<audio> Wird verwendet, um Audioinhalte in Dokumente einzubetten. Es kann eine oder mehrere Audioquellen enthalten, die mithilfe des Attributs src oder des Source-Elements repräsentiert werden: Der Browser wählt die am besten geeignete aus. Es kann auch das Ziel für gestreamte Medien sein, mithilfe eines MediaStream.
<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 Kind der Medienelemente audio und video verwendet. Es ermöglicht Ihnen, zeitgesteuerte Textspuren (oder zeitbasierte Daten) anzugeben, beispielsweise um Untertitel automatisch zu verarbeiten. Die Spuren werden im WebVTT-Format (.vtt-Dateien) formatiert — 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

Neben regulären Multimedia-Inhalten kann HTML eine Vielzahl anderer Inhalte einbinden, auch wenn es nicht immer einfach ist, mit ihnen zu interagieren.

Element Beschreibung
<embed> Bettet externen Inhalt an der angegebenen Stelle im Dokument ein. Dieser Inhalt wird von einer externen Anwendung oder einer anderen Quelle interaktiver Inhalte wie einem Browser-Plug-in bereitgestellt.
<iframe> Repräsentiert einen verschachtelten Browsing-Kontext und bettet eine andere HTML-Seite in die aktuelle ein.
<object> Repräsentiert eine externe Ressource, die als Bild, verschachtelter Browsing-Kontext oder eine durch ein Plug-in zu behandelnde 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 picture, das Audioelement oder das Videoelement an. Es ist ein Void-Element, was bedeutet, dass es keinen Inhalt und kein schließendes Tag hat. Es wird häufig verwendet, um denselben Medieninhalt in mehreren Dateiformaten anzubieten und so Kompatibilität mit einer breiten Palette von Browsern zu gewährleisten, da diese unterschiedliche Unterstützung für Bilddateiformate und Mediendateiformate bieten.

SVG und MathML

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

Element Beschreibung
<svg> Container, der ein neues Koordinatensystem und einen Viewport definiert. Es wird als äußerstes Element von SVG-Dokumenten verwendet, kann aber auch zum Einbetten eines SVG-Fragments in ein SVG- oder HTML-Dokument verwendet werden.
<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 darin aber eine beliebige Anzahl anderer Kindelemente haben.

Scripting

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

Element Beschreibung
<canvas> Containerelement zur Verwendung mit entweder der canvas Scripting API oder der WebGL API, um Grafiken und Animationen zu zeichnen.
<noscript> Definiert einen HTML-Abschnitt, der eingefügt werden soll, wenn ein Skripttyp auf der Seite nicht unterstützt wird oder 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 Element <script> kann auch mit anderen Sprachen verwendet werden, etwa der GLSL-Shader-Programmiersprache von WebGL und JSON.

Änderungen kennzeichnen

Diese Elemente ermöglichen es Ihnen, anzugeben, dass bestimmte Teile des Texts 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 zur Änderungsverfolgung oder von 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 auf ähnliche Weise das Element <del> verwenden, um einen Textbereich darzustellen, der aus dem Dokument gelöscht wurde.

Tabelleninhalt

Die Elemente hier 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 Kind 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 Zellen besteht, welche Daten enthalten.
<tbody> Umschließt eine Gruppe von Tabellenzeilen (<tr>-Elemente) und gibt an, dass sie den Body der (Haupt-)Daten einer Tabelle bilden.
<td> Als Kind des Elements <tr> definiert es eine Zelle einer Tabelle, die Daten enthält.
<tfoot> Umschließt eine Gruppe von Tabellenzeilen (<tr>-Elemente) und gibt 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 Kind des Elements <tr> definiert es eine Zelle als Kopf einer Gruppe von Tabellenzellen. Die Art dieser Gruppe kann explizit durch die Attribute scope und headers definiert werden.
<thead> Umschließt eine Gruppe von Tabellenzeilen (<tr>-Elemente) und gibt 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 mithilfe einer Mischung aus <td>-Elementen (Datenzelle) und <th>-Elementen (Kopfzelle) festgelegt werden.

Formulare

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

Element Beschreibung
<button> Ein interaktives Element, das durch einen Benutzer mit Maus, Tastatur, Finger, Sprachbefehl oder anderer unterstützender 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 Reihe 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 vom Benutzer entgegennehmen; abhängig vom Gerät und User Agent steht eine große Vielfalt an Eingabedatentypen und Steuerelement-Widgets zur Verfügung. Das Element <input> ist aufgrund der großen Anzahl von Kombinationen aus Eingabetypen und Attributen eines der leistungsstärksten und komplexesten Elemente in 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üelemente in Pop-ups und anderen Elementlisten 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 an, der den Fortschritt beim Abschließen einer Aufgabe anzeigt, üblicherweise als Fortschrittsbalken dargestellt.
<select> Repräsentiert ein Steuerelement, das ein Menü mit Optionen bereitstellt.
<selectedcontent> Zeigt den Inhalt der derzeit ausgewählten <option> innerhalb eines geschlossenen <select>-Elements an.
<textarea> Repräsentiert ein mehrzeiliges Bearbeitungssteuerelement für Klartext, nützlich, wenn Sie Benutzern ermöglichen 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 Objekte der Benutzeroberfläche helfen.

Element Beschreibung
<details> Erstellt ein Aufklapp-Widget, bei dem Informationen nur sichtbar sind, wenn das Widget in einen „geöffneten“ Zustand umgeschaltet wird. Mithilfe des Elements <summary> muss eine Zusammenfassung oder Beschriftung bereitgestellt werden.
<dialog> Repräsentiert ein Dialogfeld oder eine andere interaktive Komponente, etwa eine schließbare Warnung, einen Inspektor oder ein Unterfenster.
<geolocation> Erstellt ein interaktives Steuerelement, mit dem der Benutzer seine Geolokalisierungsdaten mit der Seite teilen kann.
<summary> Gibt eine Zusammenfassung, Beschriftung oder Legende für die Aufklappbox 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. Außerdem 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. So können Sie getrennte DOM-Bäume erstellen und gemeinsam darstellen.
<template> Ein Mechanismus zum Speichern von HTML, das beim Laden einer Seite nicht sofort gerendert werden soll, aber anschließend während der 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, eine Zeichenfolge, die ein Akronym oder eine Abkürzung für ein Wort bildet, eindeutig anzugeben.
<big> Stellt den eingeschlossenen Text in einer Schriftgröße dar, die eine Stufe größer als der umgebende Text ist (medium wird beispielsweise zu large). Die Größe ist auf die maximal vom Browser erlaubte Schriftgröße begrenzt.
<center> Zeigt seinen Inhalt auf Block- 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 vorgesehen. Es wurde jetzt 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, auf den möglicherweise durch den User Agent Styles und Icons angewendet werden. Verwenden Sie dieses obsolete Element nicht; verwenden Sie stattdessen für Listen, einschließlich Dateilisten, das Element <ul>.
<fencedframe> Repräsentiert einen verschachtelten Browsing-Kontext wie <iframe>, jedoch mit stärker integrierten nativen Datenschutzfunktionen.
<font> Definiert die Schriftgröße, Farbe und Schriftart für seinen Inhalt.
<frame> Definiert einen bestimmten Bereich, in dem ein anderes HTML-Dokument angezeigt werden kann. Ein Frame sollte innerhalb eines <frameset> verwendet werden.
<frameset> Wird verwendet, um <frame>-Elemente zu enthalten.
<image> Ein sehr alter und kaum unterstützter Vorläufer des Elements <img>. Es sollte nicht verwendet werden.
<marquee> Wird verwendet, um einen scrollenden Textbereich einzufügen. Sie können mit seinen Attributen steuern, was geschieht, wenn der Text die Ränder seines Inhaltsbereichs erreicht.
<menuitem> Repräsentiert einen Befehl, den ein Benutzer über ein Pop-up-Menü aufrufen kann. Dazu gehören Kontextmenüs sowie Menüs, die möglicherweise an eine Menüschaltfläche angehängt sind.
<nobr> Verhindert, dass der darin enthaltene Text automatisch über mehrere Zeilen umbricht, was möglicherweise dazu führt, dass der Benutzer horizontal scrollen muss, um die gesamte Breite des Texts zu sehen.
<noembed> Eine obsolete, nicht standardmäßige Möglichkeit, alternativen oder „Fallback“-Inhalt für Browser bereitzustellen, die das Embed-Element oder die Art von eingebettetem Inhalt, die ein Autor verwenden möchte, nicht unterstützen. 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> veraltet.
<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 Spezialbrowser einschließlich einiger mobiler Browser sowie Browser im Textmodus.
<param> Definiert Parameter für ein Element <object>.
<plaintext> Stellt alles nach dem Start-Tag als Rohtext dar und ignoriert nachfolgendes HTML. Es gibt kein schließendes Tag, da alles danach als Rohtext betrachtet wird.
<rb> Wird verwendet, um die Basiskomponente einer Ruby-Anmerkung abzugrenzen, also den Text, der annotiert wird. Ein <rb>-Element sollte jedes separate atomare Segment des Basistexts 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 gedacht war. 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> Setzt eine Durchstreichung (horizontale Linie) über Text.
<tt> Erstellt Inline-Text, der mit der Standard-Monospace-Schriftart des User Agents dargestellt wird. Dieses Element wurde geschaffen, um Text so darzustellen, wie er auf einem Display mit fester Breite angezeigt würde, etwa einem Fernschreiber, einem Nur-Text-Bildschirm oder einem Zeilendrucker.
<xmp> Stellt Text zwischen dem Start- und End-Tag dar, ohne das HTML dazwischen 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