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

HTML-Elemente-Referenz

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

Sie sind nach Funktionen gruppiert, um Ihnen die Suche nach dem gewünschten Element zu erleichtern. Eine alphabetische Liste aller Elemente finden Sie in der Seitenleiste auf jeder Elementseite sowie auf dieser Seite.

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

Hauptwurzel

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

Dokumenten-Metadaten

Metadaten enthalten Informationen über die Seite. Dazu gehören Informationen über Styles, Skripte und Daten, um Software (Suchmaschinen, Browser, etc.) bei der Nutzung und Darstellung der Seite zu unterstützen. Metadaten für Styles und Skripte können auf der Seite definiert oder aus einer anderen Datei verknüpft werden.

Element Beschreibung
<base> Spezifiziert die Basis-URL, 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 z.B. seinen Titel, Skripte und Stylesheets.
<link> Spezifiziert Beziehungen zwischen dem aktuellen Dokument und einer externen Ressource. Dieses Element wird am häufigsten verwendet, um auf CSS zu verlinken, aber auch, um unter anderem Site-Icons (sowohl "Favicon" -Stil-Icons als auch Icons für den Startbildschirm und Apps auf mobilen Geräten) festzulegen.
<meta> Repräsentiert Metadaten, die nicht durch andere HTML-Metadaten-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 auf dem Tab der Seite angezeigt wird. Es enthält nur Text; HTML-Tags innerhalb des Elements werden, falls vorhanden, ebenfalls als reiner Text behandelt.

Abschnittswurzel

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

Inhaltsabschnitt

Mit Inhaltsabschnittselementen können Sie den Inhalt des Dokuments in logische Teile organisieren. Verwenden Sie die Abschnittselemente, um eine grobe Gliederung für Ihren Seiteninhalt zu erstellen, einschließlich Header- und Fußzeilennavigation, und Überschriftselemente, um Abschnitte des Inhalts zu kennzeichnen.

Element Beschreibung
<address> Gibt an, dass das eingeschlossene HTML-Kontaktinformationen für eine Person oder Personen oder für eine Organisation bereitstellt.
<article> Repräsentiert eine eigenständige Komposition in einem Dokument, einer Seite, einer Anwendung oder einer Website, die eigenständig verteilbar oder wiederverwendbar sein soll (z.B. in Syndication). Beispiele sind ein Forumsbeitrag, ein Magazin- oder Zeitungsartikel, ein Blogeintrag, eine Produktkarte, ein vom Benutzer abgegebener Kommentar, ein interaktives Widget oder Gadget oder ein anderes unabhängiges Inhaltselement.
<aside> Repräsentiert einen Teil eines Dokuments, dessen Inhalt nur indirekt mit dem Hauptinhalt des Dokuments in Verbindung steht. Asides werden häufig in Form von Seitenleisten oder Ausrufkästen präsentiert.
<footer> Repräsentiert eine Fußzeile für sein nächstes Vorfahrelement mit schachtelndem Inhalt oder abschnittsbildendem Wurzeln. Ein <footer> enthält typischerweise Informationen über den Autor des Abschnitts, Urheberrechtsdaten oder Links zu verwandten Dokumenten.
<header> Repräsentiert einleitende Inhalte, typischerweise eine Gruppe einleitender oder navigierender Hilfsmittel. Es kann einige Überschriftselemente enthalten, aber auch ein Logo, ein Suchformular, einen Autorennamen und andere Elemente.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> Repräsentieren sechs Ebenen von Abschnittsüberschriften. <h1> ist die höchste Abschnittsebene und <h6> die niedrigste.
<hgroup> Repräsentiert eine Überschrift, die mit jeglichem sekundären Inhalt gruppiert ist, wie z.B. Unterüberschriften, einem alternativen Titel oder einem Slogan.
<main> Repräsentiert den dominanten Inhalt des Körpers eines Dokuments. Der Hauptinhaltsbereich besteht aus Inhalten, die direkt mit dem zentralen Thema eines Dokuments oder der zentralen Funktionalität einer Anwendung in Verbindung stehen oder darauf aufbauen.
<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 Indizes.
<section> Repräsentiert einen generischen eigenständigen Abschnitt eines Dokuments, für den es kein spezielleres semantisches Element gibt, das ihn repräsentiert. Abschnitte sollten immer eine Überschrift haben, mit sehr wenigen Ausnahmen.
<search> Repräsentiert einen Teil, der eine Reihe von Formularsteuerelementen oder anderen Inhalten enthält, die sich auf die Durchführung einer Such- oder Filteroperation beziehen.

Textinhalt

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

Element Beschreibung
<blockquote> Gibt an, dass der eingeschlossene Text ein erweitertes Zitat ist. Dies wird in der Regel visuell durch Einrücken angezeigt. Eine URL für die Quelle des Zitats kann mit dem cite-Attribut angegeben werden, während eine Textdarstellung der Quelle mithilfe des <cite>-Elements angegeben werden kann.
<dd> Liefert die Beschreibung, Definition oder den Wert für den vorangegangenen Begriff (<dt>) in einer Beschreibungs- (<dl>).
<div> Der generische Container für Flussinhalt. Es hat keinen Einfluss auf den Inhalt oder das Layout, bis es auf irgendeine Weise mithilfe von CSS gestylt wird (z.B. wird das Styling direkt auf es angewendet oder ein Layoutmodell wie flexbox wird auf sein übergeordnetes Element angewendet).
<dl> Repräsentiert eine Beschreibungs- (<dt> Element) und Beschreibungen ((<dd> Element) eingesetzt sind). Häufige Verwendungen für dieses Element sind die Implementierung eines Glossars oder die Anzeige von Metadaten (eine Liste von Schlüssel-Wert-Paaren).
<dt> Definiert einen Begriff in einer Beschreibungs- oder Definitionsliste und muss daher innerhalb eines <dl>-Elements verwendet werden. Es wird in der Regel von einem <dd>-Element gefolgt; mehrere <dt>-Elemente hintereinander zeigen jedoch mehrere Begriffe an, die alle durch das unmittelbar folgende <dd>-Element definiert werden.
<figcaption> Repräsentiert eine Legende oder Bildunterschrift, die den Rest des Inhalts seines übergeordneten <figure>-Elements beschreibt.
<figure> Repräsentiert eigenständigen Inhalt, möglicherweise mit einer optionalen Legende, die mit dem <figcaption>-Element angegeben wird. Die Figur, ihre Bildunterschrift und ihr Inhalt werden als eine Einheit referenziert.
<hr> Repräsentiert eine thematische Unterbrechung zwischen Absatz- (Absatzichtei, themischer) Elementen: zum Beispiel eine Szenenwechsel in einer Geschichte oder ein Themenwechsel in einem Abschnitt.
<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 normalerweise mithilfe von Aufzählungszeichen angezeigt. In geordneten Listen werden sie normalerweise mit einem aufsteigenden Zähler auf der linken Seite angezeigt, z. B. eine Zahl oder ein Buchstabe.
<menu> Eine semantische Alternative zu <ul>, wird jedoch von Browsern (und über den Barrierefreiheitsbaum dargelegt) nicht anders behandelt als <ul>. Es repräsentiert eine ungeordnete Liste von Elementen (die durch <li>-Elemente dargestellt werden)
<ol> Repräsentiert eine geordnete Liste von Elementen – in der Regel als nummerierte Liste dargestellt.
<p> Repräsentiert einen Absatz. Absätze werden normalerweise in visuellen Medien als Textblöcke dargestellt, die durch Leerzeilen und/oder Erste-Zeilen-Einrückungen von angrenzenden Blöcken getrennt sind. HTML-Absätze können jedoch jede strukturelle Gruppierung relativier Inhalte darstellen, wie z.B. Bilder oder Formularfelder.
<pre> Repräsentiert vorformatierten Text, der genau so angezeigt werden soll, wie er in der HTML-Datei geschrieben ist. Der Text wird in der Regel mit einer unverhältnismäßigen oder monospaced-Schriftart dargestellt. Leerzeichen in diesem Element werden so wie geschrieben angezeigt.
<ul> Repräsentiert eine ungeordnete Liste von Elementen, die typischerweise als Aufzählungsliste dargestellt wird.

Inline-Textsemantik

Verwenden Sie die Inline-Textsemantik von HTML, 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, Standorten innerhalb der aktuellen Seite oder allem anderen, auf das eine URL verweisen 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 besondere Bedeutung erhält. Dies wurde früher als fetter Text bezeichnet, und die meisten Browser zeigen den Text immer noch fettgedruckt an. Sie sollten <b> jedoch nicht zum Styling von Text oder zum Erteilen von Bedeutung verwenden. Wenn Sie fettgedruckten Text erstellen möchten, sollten Sie die CSS font-weight-Eigenschaft verwenden. Wenn Sie anzeigen möchten, dass ein Element von besonderer Bedeutung ist, sollten Sie das <strong>-Element verwenden.
<bdi> Anweisungen an den Bidirektionalen Algorithmus des Browsers, den Text, den er enthält, isoliert vom umgebenden Text zu behandeln. Es ist besonders nützlich, wenn eine Website dynamisch Text einfügt und die Richtung des eingefügten Textes nicht kennt.
<bdo> Überschreibt die aktuelle Leserichtung des Textes, sodass der Text innerhalb in einer anderen Richtung dargestellt wird.
<br> Erzeugt einen Zeilenumbruch im Text (Wagenrücklauf). Es ist nützlich zum Schreiben eines Gedichts oder einer Adresse, bei denen die Zeilenteilung bedeutend ist.
<cite> Wird verwendet, um den Titel eines kreativen Werks zu kennzeichnen. Die Referenz kann in verkürzter Form gemäß kontextbezogenen Konventionen im Zusammenhang mit Zitationsmetadaten erfolgen.
<code> Stellt seinen Inhalt so dar, dass er darauf hinweist, dass der Text ein kurzes Fragment von Computercode ist. Standardmäßig wird der Inhaltstext mit der Standardmonschriftart des Benutzeragenten angezeigt.
<data> Verknüpft ein gegebenes Inhaltselement mit einer maschinenlesbaren Übersetzung. Wenn sich die Inhalte auf Zeit oder Datum beziehen, muss das <time>-Element verwendet werden.
<dfn> Wird verwendet, um den Begriff zu kennzeichnen, der im Kontext eines Definitionsausdrucks oder -satzes definiert wird. Das übergeordnete <p>-Element, das <dt>/<dd>-Paar oder der nächste Abschnittsvorfahre des <dfn>-Elements wird als die Definition des Begriffs betrachtet.
<em> Kennzeichnet Text, der betonte Betonung hat. Das <em>-Element kann geschachtelt sein, wobei jede Schachtelungsebene einen höheren Grad an Betonung anzeigt.
<i> Repräsentiert einen Bereich von Text, der aus irgendeinem Grund vom normalen Text abgesetzt wird, wie z.B. idiomatischer Text, technische Begriffe und taxonomische Bezeichnungen unter anderem. Historisch wurden diese in kursiver Schrift dargestellt, was die ursprüngliche Quelle der <i>-Benennung für dieses Element war.
<kbd> Repräsentiert einen Bereich von Inline-Text, der die Benutzereingabe von einer Tastatur, Spracheingabe oder einem anderen Texteingabegerät darstellt. In der Regel rendert der Benutzeragent den Inhalt eines <kbd>-Elements mit seiner Standardmonoschriftart, obwohl dies nicht durch den HTML-Standard festgelegt ist.
<mark> Repräsentiert Text, der aus Referenz- oder Anmerkungszwecken aufgrund der Relevanz der markierten Passage im umgebenden Kontext 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 in Anführungszeichen umgeben. 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 als Rückfalllösung Klammern für Browser bereitzustellen, die die Anzeige von Rubyanmerkungen nicht unterstützen, die das <ruby>-Element verwenden. Ein <rp>-Element sollte jede der öffnenden und schließenden Klammern einschließen, die das <rt>-Element umgeben, das den Text der Anmerkung enthält.
<rt> Gibt die Rubyanmerkung an, die das Rubytextkomponente angibt, das zur Bereitstellung von Aussprache-, Übersetzungs- oder Transliterationsinformationen für ostasiatische Typografie verwendet wird. Das <rt>-Element muss immer innerhalb eines <ruby>-Elements enthalten sein.
<ruby> Repräsentiert kleine Anmerkungen, die über, unter oder neben Basistext angezeigt werden, die in der Regel zur Anzeige der Aussprache ostasiatischer Zeichen verwendet werden. Es kann auch zur Anmerkung anderer Textarten verwendet werden, allerdings ist diese Verwendung weniger häufig.
<s> Stellt Text mit einem Durchstreichungszeichen oder einer Linie darüber dar. Verwenden Sie das <s>-Element, um Dinge darzustellen, die nicht mehr relevant oder nicht mehr korrekt sind. <s> eignet sich jedoch nicht, um Dokumentänderungen anzuzeigen; verwenden Sie stattdessen die <del> und <ins>-Elemente.
<samp> Wird verwendet, um Inline-Text einzuschließen, der eine (oder zitierte) Ausgabe eines Computerprogramms darstellt. Sein Inhalt wird normalerweise mit der Standardmonoschriftart des Browsers dargestellt (wie Courier oder Lucida Console).
<small> Repräsentiert Nebenbemerkungen und klein gedruckten Text, wie Urheberrechts- und rechtlichen Text, unabhängig von seiner gestalteten Darstellung. Standardmäßig wird Text innerhalb von small um eine Schriftart-Größe kleiner dargestellt, wie small zu x-small.
<span> Ein generischer Inline-Container für Phrasinhalte, der von sich aus nichts darstellt. Er kann verwendet werden, um Elemente für Gestaltungszwecke zu gruppieren (mithilfe der class- oder id-Attribute) oder weil sie gemeinsame Attributwerte haben, wie lang. Er sollte nur verwendet werden, wenn kein anderes semantisches Element geeignet ist. <span> ist ähnlich einem <div>-Element, aber ein <div> ist ein block-level element, während ein <span> ein inline-level element ist.
<strong> Gibt an, dass sein Inhalt starke Bedeutung, Ernsthaftigkeit oder Dringlichkeit hat. Browser stellen den Inhalt in der Regel fettgedruckt dar.
<sub> Spezifiziert Inline-Text, der aus rein typografischen Gründen als Tiefgestellt angezeigt werden soll. Tiefgestellt wird normalerweise mit einer abgesenkten Basislinie unter Verwendung von kleineren Texten dargestellt.
<sup> Spezifiziert Inline-Text, der aus rein typografischen Gründen als hochgestellt angezeigt werden soll. Hochgestellt wird normalerweise mit einer angehobenen Basislinie unter Verwendung von kleineren Texten dargestellt.
<time> Repräsentiert einen bestimmten Zeitraum in der Zeit. Es kann das datetime-Attribut enthalten, um Daten in maschinenlesbares Format zu übersetzen und bessere Suchmaschinenergebnisse oder benutzerdefinierte Features wie Erinnerungen zu ermöglichen.
<u> Repräsentiert einen Bereich von Inline-Text, der auf eine Weise dargestellt werden soll, die anzeigt, dass es eine nicht-textuelle Anmerkung hat. Dies wird standardmäßig als eine einzelne solide Unterstreichung dargestellt, kann aber mithilfe von CSS verändert werden.
<var> Repräsentiert den Namen einer Variablen in einem mathematischen Ausdruck oder einem Programmierkontext. Es wird typisch mit einer kursiven Version der aktuellen Schriftart dargestellt, obwohl dies browserabhängig ist.
<wbr> Repräsentiert eine Wortbruchgelegenheit – eine Position innerhalb des Textes, an der der Browser optional eine Linie brechen kann, obwohl seine Regeln sonst an dieser Stelle keinen Bruch erzwingen würden.

Bild und Multimedia

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

Element Beschreibung
<area> Definiert einen Bereich innerhalb einer Bildkarte, die vordefinierte klickbare Bereiche hat. Eine Bildkarte erlaubt geometrische Bereiche auf einem Bild mit einem Hyperlink zu verknüpfen.
<audio> Wird verwendet, um Soundinhalte in Dokumente einzubetten. Es kann eine oder mehrere Audioquellen enthalten, die durch das src-Attribut oder das source-Element dargestellt werden; der Browser wählt die geeignetste aus. Es kann auch das Ziel für gestreamte Medien sein, mithilfe eines MediaStream.
<img> Betettet ein Bild in das Dokument ein.
<map> Wird mit <area>-Elementen verwendet, um eine Bildkarte (eine klickbare Linkfläche) zu definieren.
<track> Wird als Kind der Medienelemente, Audio und Video, verwendet. Es ermöglicht das Angeben von zeitgesteuerten Textspuren (oder zeitbasierten Daten), um z.B. Untertitel automatisch zu verwalten. Die Spuren sind im WebVTT format (.vtt Dateien)—Web Video Text Spuren—formatiert.
<video> Betettet einen Mediaplayer, der Videowiedergabe unterstützt, in das Dokument ein. Sie können <video> auch für Audiowiedergabe verwenden, aber das Audoelement bietet möglicherweise eine angemessenere Benutzererfahrung.

Eingebetteter Inhalt

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

Element Beschreibung
<embed> Betettet 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-Plugin, bereitgestellt.
<fencedframe> Repräsentiert einen verschachtelten Browsing-Kontext, ähnlich wie <iframe>, aber 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 entweder als Bild, ein verschachtelter Browsing-Kontext oder eine Ressource, die von einem Plugin behandelt wird, betrachtet werden kann.
<picture> Enthält null oder mehr <source>-Elemente und ein <img>-Element, um alternative Versionen eines Bildes für verschiedene Anzeige-/Geräteszenarien anzubieten.
<source> Gibt mehrere Medienressourcen für das Bild-, das Audioelement oder das Videoelement an. Es ist ein leeres Element, was bedeutet, dass es keinen Inhalt hat und keinen schließenden Tag hat. Es wird häufig benutzt, um denselben Mediainhalt in verschiedenen Dateiformaten anzubieten, um dieselbe Medienressource in verschiedenen Dateiformaten anzubieten, um Kompatibilität mit einer Vielzahl von Browsern zu gewährleisten, angesichts ihrer unterschiedlichen Unterstützung von Bilddateiformate und Mediendateiformaten.

SVG und MathML

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

Element Beschreibung
<svg> Container, der ein neues Koordinatensystem und einen Viewbox definiert. Es wird als das äußerste Element von SVG-Dokumenten verwendet, kann aber auch benutzt werden, um ein SVG-Fragment in ein SVG- oder HTML-Dokument einzufügen.
<math> Das oberste Element in MathML. Jede gültige MathML-Instanz muss darin eingeschlossen sein. Außerdem darf kein zweites <math>-Element innerhalb eines anderen geschachtelt werden, aber Sie können eine beliebige Anzahl anderer Kindelemente darin haben.

Scripts

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

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

Markierung von Änderungen

Diese Elemente ermöglichen es Ihnen, anzuzeigen, 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 aufzuzeichnen oder Informationen über Quellcode-Differenzen darzustellen. Das <ins>-Element kann für den gegenteiligen Zweck verwendet werden: um Text anzugeben, 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 ähnlich einen Bereich von Text darzustellen, der aus dem Dokument gelöscht wurde.

Tabellendaten

Die hier aufgeführten Elemente werden verwendet, um tabellarische Daten zu erstellen und zu bearbeiten.

Element Beschreibung
<caption> Gibt die Unterüberschrift (oder den Titel) einer Tabelle an.
<col> Definiert eine oder mehrere Spalten innerhalb einer Spaltengruppe, die durch ihr implizites oder explizites <colgroup>-Element dargestellt wird. Das <col>-Element ist nur als Kind eines <colgroup>-Elements gültig, das kein span-Attribut hat.
<colgroup> Definiert eine Gruppe von Spalten in einer Tabelle.
<table> Repräsentiert tabellarische Daten – also Informationen, die in einer zweidimensionalen Tabelle bestehend aus Zeilen und Spalten von Zellen mit Daten präsentiert werden.
<tbody> Umschließt eine Reihe von Tabellenzeilen (<tr>-Elemente), die angeben, dass sie den Hauptinhalt (Hauptteil) einer Tabelle ausmachen.
<td> Ein Kind des <tr>-Elements, es definiert eine Zelle einer Tabelle, die Daten enthält.
<tfoot> Umschließt eine Reihe von Tabellenzeilen (<tr>-Elemente), die angeben, dass sie das Fußzeile einer Tabelle mit Informationen über die Spalten der Tabelle ausmachen. Dabei handelt es sich in der Regel um eine Zusammenfassung der Spalten, z.B. eine Summe der angegebenen Zahlen in einer Spalte.
<th> Ein Kind des <tr>-Elements, es definiert eine Zelle als Kopfzeile einer Gruppe von Tabellenzellen. Die Natur dieser Gruppe kann durch die scope- und headers-Attribute explizit definiert werden.
<thead> Umschließt eine Reihe von Tabellenzeilen (<tr>-Elemente), die angeben, dass sie die Kopfzeile einer Tabelle mit Informationen über die Spalten der Tabelle ausmachen. Dies erfolgt in der Regel in Form von Tabellenspaltenköpfen (<th>-Elemente).
<tr> Definiert eine Reihe von Zellen in einer Tabelle. Die Zellen der Zeile können anschließend unter Verwendung einer Mischung aus <td> (Datentabelle) und <th> (Kopftabelle) Elementen festgelegt werden.

Formulare

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

Element Beschreibung
<button> Ein interaktives Element, das vom Benutzer mit einer Maus, einer Tastatur, einem Finger, einem Sprachbefehl oder einer anderen assistiven Technologie aktiviert wird. Sobald es aktiviert wird, führt es eine Aktion aus, wie das Senden eines Formulars oder das Öffnen eines Dialogs.
<datalist> Enthält einen Satz von <option>-Elementen, die die zulässigen oder empfohlenen Optionen darstellen, die innerhalb anderer Steuerelemente ausgewählt werden können.
<fieldset> Wird verwendet, um mehrere Steuerelemente sowie Labels (<label>) innerhalb eines Webformulars zu gruppieren.
<form> Repräsentiert einen Dokumentabschnitt, der interaktive Steuerelemente zur Übermittlung von Informationen enthält.
<input> Wird zur Erstellung interaktiver Steuerungen für webbasierte Formulare verwendet, um Daten vom Benutzer zu akzeptieren; eine Vielzahl verschiedener Art von Eingabedaten und Steuerungselementen sind verfügbar, je nach Gerät und Benutzeragent. Das <input>-Element ist eines der leistungsstärksten und komplexesten in HTML insgesamt, bedingt durch die schiere Anzahl an Kombinationen von Eingabetypten und Attributen.
<label> Repräsentiert eine Beschriftung für ein Element in einer Benutzeroberfläche.
<legend> Repräsentiert eine Überschrift für den Inhalt seines übergeordneten <fieldset>.
<meter> Repräsentiert entweder einen Skalarwert innerhalb eines bekannten Bereichs oder einen Bruchwert.
<optgroup> Erstellt eine Gruppierung von Optionen innerhalb eines <select>-Elements.
<option> Wird verwendet, um ein Element zu definieren, das in einem <select>, einem <optgroup> oder einem <datalist>-Element enthalten ist. Als solches kann <option> Menüpunkte in Popups und anderen Listen von Elementen in einem HTML-Dokument darstellen.
<output> Containerelement, in das eine Website oder App die Ergebnisse einer Berechnung oder das Ergebnis einer Benutzeraktion einfügen kann.
<progress> Zeigt einen Indikator, der den Fortschritt beim Abschluss einer Aufgabe anzeigt, typischerweise als Fortschrittsbalken dargestellt.
<select> Repräsentiert eine Steuerelement, das ein Menü von Optionen bereitstellt.
<selectedcontent> Zeigt den Inhalt des aktuell ausgewählten <option> innerhalb eines geschlossenen <select>-Elements.
<textarea> Repräsentiert eine mehrzeilige, unverarbeitete Textbearbeitungssteuerung, die sich eignet, wenn Sie möchten, dass Benutzer eine größere Menge an freiformatigem Text eingeben können, z.B. einen Kommentar in einem Bewertungs- oder Feedbackformular.

Interaktive Elemente

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

Element Beschreibung
<details> Erstellt ein Offenlegungs-Widget, bei dem Informationen nur sichtbar sind, wenn das Widget in einen "offenen" Zustand umgeschaltet wird. Eine Zusammenfassung oder eine Beschriftung muss mit dem <summary>-Element bereitgestellt werden.
<dialog> Repräsentiert ein Dialogfenster oder ein anderes interaktives Element, wie eine schließbare Warnung, Inspektor oder Unterfenster.
<geolocation> Erstellt eine interaktive Steuerung, mit der der Benutzer seine Geolokalisierungsdaten mit der Seite teilen kann.
<summary> Gibt eine Zusammenfassung, Beschriftung oder Legende für die Offenlegungsbox eines details-Elements an. Wenn das <summary>-Element angeklickt wird, wechselt es den Zustand des übergeordneten <details>-Elements zwischen geöffnet und geschlossen.

Web Components

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

Element Beschreibung
<slot> Teil der Web Components-Technologieserie, dieses Element ist ein Platzhalter innerhalb eines Web-Komponents, den Sie mit Ihrem eigenen Markup füllen können, was es Ihnen ermöglicht, separate DOM-Bäume zu erstellen und sie zusammen anzuzeigen.
<template> Ein Mechanismus zum Halten von HTML, das nicht sofort gerendert werden soll, wenn eine Seite geladen wird, sondern möglicherweise später im Runtime 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 diese niemals in neuen Projekten verwenden und sie so bald wie möglich in alten Projekten ersetzen. Sie sind hier nur der Vollständigkeit halber aufgeführt.

Element Beschreibung
<acronym> Ermöglicht es Autoren, eine Zeichenfolge klar anzugeben, die ein Akronym oder eine Abkürzung für ein Wort bildet.
<big> Zeigt den eingeschlossenen Text in einer Schriftgröße an, die um eine Ebene größer ist als der umgebende Text (medium wird zu large, zum Beispiel). Die Größe ist auf die maximal zugelassene Schriftgröße des Browsers beschränkt.
<center> Zeigt seinen Block- oder Inlineinhalt horizontal innerhalb seines enthaltenen Elements zentriert an.
<content> Ein veralteter Teil der Web Components-Technologie—wurde innerhalb des Shadow DOM als Einfügepunkt verwendet und war nicht für die Verwendung in gewöhnlichem HTML gedacht. Es wurde jetzt durch das <slot>-Element ersetzt, das einen Punkt im DOM erstellt, an dem ein Shadow DOM eingefügt werden kann. Ziehen Sie in Betracht, <slot> stattdessen einzusetzen.
<dir> Ein 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 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> Dient zum Enthalten von <frame>-Elementen.
<image> Ein uraltes und schlecht unterstütztes Vorläuferelement zum <img>-Element. Es sollte nicht verwendet werden.
<marquee> Wird verwendet, um einen scrollenden Bereich von Text 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 durch ein Popup-Menü aufrufen kann. Dies schließt sowohl Kontextmenüs als auch Menüs ein, die möglicherweise an einem Menüknopf angehängt sind.
<nobr> Verhindert, dass der von ihm enthaltene Text automatisch über mehrere Zeilen umbrochen wird, was möglicherweise dazu führen kann, dass der Benutzer horizontal scrollen muss, um die gesamte Breite des Textes zu sehen.
<noembed> Eine veraltete, nicht-standardisierte Weise, um alternativen oder "Fallback-" Inhalt für Browser bereitzustellen, die das Einbetten von Elementen entweder nicht unterstützen oder nicht den Typ des eingebetteten Inhalts unterstützen, den ein Autor verwenden möchte. Dieses Element wurde in HTML 4.01 und höher zugunsten des Platzierens von Fallback-Inhalten zwischen den öffnenden und schließenden Tags eines <object>-Elements abgelöst.
<noframes> Bietet Inhalt, der in Browsern präsentiert wird, die den <frame>-Element nicht unterstützen (oder die Unterstützung dafür deaktiviert haben). Obwohl die meisten häufig 使用ten Browser Frames unterstützen, gibt es Ausnahmen, einschließlich bestimmter spezialisierter Browser wie einiger mobiler Browser sowie textbasierte Browsers.
<param> Definiert Parameter für ein <object>-Element.
<plaintext> Rendert alles nach dem Start-Tag als Rohtext und ignoriert alle folgenden HTML. Es gibt keinen Schlusstag, da alles danach als Rohtext betrachtet wird.
<rb> Wird verwendet, um die Basiskomponententext einer Rubyanmerkung, also den annotierten Text, zu delimitieren. Ein <rb>-Element sollte jedes separate Segment des Basiskomponententexts umfassen.
<rtc> Umfasst semantische Anmerkungen von Zeichen, die in einer Rubynotation von <rb>-Elementen innerhalb eines <ruby>-Elements dargestellt werden. <rb>-Elemente können sowohl Aussprache- (<rt>) als auch semantische (<rtc>) Anmerkungen haben.
<shadow> Ein obsoleter Teil der Web Components-Technologieserie, die als ein Shadow-DOM-Einfügepunkt gedacht war. Sie könnten es verwendet haben, wenn Sie mehrere Shadow-Wurzeln unter einem Shadow-Host erstellt haben. Erwägen Sie stattdessen, <slot> zu verwenden.
<strike> Setzt einen Durchstrich (horizontale Linie) über den Text.
<tt> Erstellt Inline-Text, der mit der Standardmonoschriftart des Benutzeragenten dargestellt wird. Dieses Element wurde erstellt, um Text wie auf einem Fixed-Width-Display darzustellen, wie einem Fernschreiber, einem reinen Textbildschirm oder einem Zeilendrucker.
<xmp> Stellt Text zwischen dem Start- und End-Tag dar, ohne das HTML dazwischen zu interpretieren, und verwendet eine monospacierte Schriftart. Die HTML2-Spezifikation empfahl, dass sie es breit genug darstellen sollte, um 80 Zeichen pro Linie darzustellen.

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.
Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden