mozilla

Version 307399 von Liste der HTML5-Elemente

  • Adressname der Version: HTML/HTML5/HTML5_element_list
  • Titel der Version: Liste der HTML5-Elemente
  • ID der Version: 307399
  • Erstellt:
  • Autor: jwl
  • Aktuelle Version? Nein
  • Kommentar

Inhalt der Version

Auf dieser Seite finden Sie eine Liste aller Standard HTML5-Elemente, beschrieben durch ihr öffnendes Tag, nach Funktion gruppiert. Diese Liste enthält ausschließlich die gültigen HTML5-Elemente. In neuen Websites sollten nur die hier aufgezählten Tags verwendet werden. Eine komplette Liste aller HTML-Elemente finden Sie im Index aller HTML-Elemente. Dieser enthält sämtliche möglichen Tags: standardisierte, nicht-standardkonforme, gültige, obsolete und als veraltet ("deprecated") betrachtete.

Das Symbol Neu in HTML5 steht für ein in HTML5 neu hinzugekommenes Element. Beachten Sie, dass andere hier aufgeführte Elemente in der HTML5-Spezifikation möglicherweise verändert oder erweitert wurden.

Das Wurzelelement

Tag Beschreibung
{{ HTMLElement("html") }} Steht für den Wurzelknoten eines HTML- oder XHTML-Dokuments. Alle weiteren Elemente müssen Nachkommen dieses Elements sein.

Metadaten des Dokuments

Tag Beschreibung
{{ HTMLElement("head") }} Bezeichnet eine Sammlung von Metadaten des Dokuments. Hierzu gehören auch Links zu oder Definitionen von Skripts und Stylesheets.
{{ HTMLElement("title") }} Definiert den Titel eines Dokuments, der in der Titelzeile des Browsers im Tab der betreffenden Seite angezeigt wird. Darf ausschließlich Text enthalten. Eventuell enthaltene Tags werden nicht interpretiert.
{{ HTMLElement("base") }} Definiert den Basis-URL für in der Seite verwendete relative URLs.
{{ HTMLElement("link") }} Wird verwendet, um externe JavaScript- und CSS-Dateien in das aktuelle HTML-Dokument einzubinden.
{{ HTMLElement("meta") }} Wird für die Definition von Metadaten verwenden, die mit keinem anderen HTML-Element definiert werden können.
{{ HTMLElement("style") }} Tag für die Definition eines internen CSS-Stylesheets.

Skripting

Tag Beschreibung
{{ HTMLElement("script") }} Definiert entweder ein internes Skript oder einen Link auf ein externes Skript. Als Programmiersprache wird JavaScript verwendet.
{{ HTMLElement("noscript") }} Definiert alternative Inhalte, die angezeigt werden sollen, wenn der Browser kein Skripting unterstützt.

Abschnitte (Sections)

Tag Beschreibung
{{ HTMLElement("body") }}
Steht für den Hauptinhalt eines HTML-Dokuments. Jedes Dokument kann nur ein <body>-Element enthalten.
{{ HTMLElement("section") }} Neu in HTML5 Beschreibt einen Abschnitt eines Dokuments.
{{ HTMLElement("nav") }} Neu in HTML5 Beschreibt einen Abschnitt der ausschließlich Navigationslinks enthält.
{{ HTMLElement("article") }} Neu in HTML5 Beschreibt eigenständigen Inhalt, der unabhängig von den übrigen Inhalten kann.
{{ HTMLElement("aside") }} Neu in HTML5 Steht für eine Randbemerkung. Der übrige Inhalt sollte auch verständlich sein, wenn dieses Element entfernt wird.
<h1>,<h2>,<h3>,<h4>,<h5>,<h6> Hiermit werden Überschriften definiert. Es gibt sechs verschiedene Hierarchieebenen, wobei <h1>
für die Hauptüberschrift steht und <h6> für eine Überschrift der untersten Ebene. Eine Überschriftselement beschreibt knapp das Thema des Abschnitts, dem sie voransteht.
{{ HTMLElement("hgroup") }} Neu in HTML5 Dient zum Gruppieren mehrerer <h1>- bis <h6>-Elemente, wenn eine Überschrift aus verschiedenen Ebenenen besteht.
{{ HTMLElement("header") }} Neu in HTML5 Definiert den Kopfteil ("header") einer Seite oder eines Abschnitts. Er enthält oft ein Logo, den Titel der Website und die Seitennavigation.
{{ HTMLElement("footer") }} Neu in HTML5 Definiert den Fußteil ("footer") einer Seite oder eines Abschnitts. Er enthält oft Copyright-Hinweise, einen Link auf das Impressum oder Kontaktadressen.
{{ HTMLElement("address") }} Definiert einen Abschnitt mit Kontaktinformationen.

Inhalte gruppieren

Tag Beschreibung
{{ HTMLElement("p") }} Der Inhalt dieses Elements soll als Absatz dargestellt werden.
{{ HTMLElement("hr") }} Bezeichnet einen thematischen Bruch zwischen Absätzen eines Abschnitts, Artikels oder anderem längeren Inhalt.
{{ HTMLElement("pre") }} Zeigt an, das der Inhalt dieses Elements vorformatiert ist und das dieses Format erhalten bleiben soll.
{{ HTMLElement("blockquote") }} Kennzeichnet ein Zitat.
{{ HTMLElement("ol") }} Definiert eine geordnete Liste, bei der die Einträge eine bestimmte Reihenfolge haben müssen.
{{ HTMLElement("ul") }} Definiert eine Liste ungeordneter Einträge.
{{ HTMLElement("li") }} Kennzeichnet einen Listeneintrag. Diesem wird oftmals ein "bullet" als Aufzählungszeichen vorangestellt.
{{ HTMLElement("dl") }} Kennzeichnet eine Definitionsliste aus Begriffen und den dazugehörigen Definitionen.
{{ HTMLElement("dt") }} Kennzeichnet einen Begriff der im folgenden <dd>-Element beschrieben wird.
{{ HTMLElement("dd") }} Markiert die Definition des oder der Begriffe, die in den direkt vorangehenden <dt>-Element angegeben wurden.
{{ HTMLElement("figure") }} Neu in HTML5 Kennzeichnet eine Abbildung, die einen Teil des Dokuments illustriert.
{{ HTMLElement("figcaption") }} Neu in HTML5 Bezeichnet die Beschriftung einer Abbildung.
{{ HTMLElement("div") }} Bezeichnet ein allgemeines Container-Element ohne spezielle semantische Bedeutung.

Semantische Text-Elemente

Tag Beschreibung
{{ HTMLElement("a") }} Bezeichnet einen Hyperlink, der auf eine andere Ressource verweist.
{{ HTMLElement("em") }} Steht für hervorgehobenen Text.
{{ HTMLElement("strong") }} Markiert besonders wichtigen Text.
{{ HTMLElement("small") }} Steht für das "Kleingedruckte" eines Dokuments, wie Ausschlussklauseln, Copyright-Hinweise oder andere Dinge, die für das Verständnis des Dokuments nicht unbedingt nötig sind.
{{ HTMLElement("s") }} Wird für Inhalte verwendet, die nicht länger relevant oder akkurat sind. Wird meist durchgestrichen dargestellt.
{{ HTMLElement("cite") }} Steht für den Titel eines Werks.
{{ HTMLElement("q") }} Bezeichnet ein Kurzzitat. Für längere Zitate sollte <blockquote> verwendet werden.
{{ HTMLElement("dfn") }} Steht für einen Begriff, dessen Definition im nächstgelegenen Nachkommen-Element enthalten ist.
{{ HTMLElement("abbr") }} Bezeichnet eine Abkürzung oder ein Akronym.
{{ HTMLElement("data") }} Neu in HTML5 Verbindet seinen Inhalt mit einem maschinenlesbaren Equivalent, angegeben im value-Attribut.(Dieses Element wird nur in der WHATWG-Version des HTML-Standards definiert, nicht aber in der W3C-Version von HTML5).
{{ HTMLElement("time") }} Neu in HTML5 Steht für einen Wert, der Datum und Uhrzeit angibt.
{{ HTMLElement("code") }} Wird verwendet, um Programmiercode zu markieren.
{{ HTMLElement("var") }} Steht für eine Variable. Dies kann ein tatsächlicher mathematischer Ausdruck oder Programmierungskontext sein, ein Identifier für eine Konstante, ein Symbol für eine physikalische Größe, ein Funktionsparameter oder einfach ein Platzhalter.
{{ HTMLElement("samp") }} Markiert die Ausgabe eines Programms oder eines Computers.
{{ HTMLElement("kbd") }} Steht für eine Benutzereingabe, oftmals, aber nicht unbedingt, auf der Tastatur. Kann auch für andere Eingaben, beispielsweise transkribierte Sprachbefehle stehen.
{{ HTMLElement("sub") }},{{ HTMLElement("sup") }} Markiert tiefgestellten, bzw. hochgestellten Text.
{{ HTMLElement("i") }} Steht für einen Textabschnitt, der vom übrigen Inhalt abgesetzt und üblicherweise kursiv dargestellt wird, ohne für eine spezielle Betonung oder Wichtigkeit zu stehen. Dies kann beispielsweise eine taxonomische Bezeichnung, ein technischer Begriff, ein idiomatischer Ausdruck, ein Gedanke oder der Name eines Schiffes sein.
{{ HTMLElement("b") }} Steht für einen Textabschnitt, der vom übrigen Inhalt abgesetzt und üblicherweise fettgedruckt dargestellt wird, ohne für eine spezielle Betonung oder Wichtigkeit zu stehen. Dies kann beispielsweise ein Schlüsselwort oder ein Produktname in einer Produktbewertung sein.
{{ HTMLElement("u") }} Steht für einen Textabschnitt, der vom übrigen Inhalt abgesetzt und üblicherweise unterstrichen dargestellt wird, ohne für eine spezielle Betonung oder Wichtigkeit zu stehen. Dies könnte beispielsweise ein Eigenname auf chinesisch sein oder ein Textabschnitt, der häufig falsch buchstabiert wird.
{{ HTMLElement("mark") }} Neu in HTML5 Steht für Text, der aus Referenzgründen hervorgehoben wird, d.h. der in anderem Kontext von Bedeutung ist.
{{ HTMLElement("ruby") }} Neu in HTML5

Bezeichnet einen Textteil mit Ruby-Annotationen. Dies sind kurze Aussprachetipps und andere Hinweise, die hauptsächlich für ostasiatische Tyopgrafie verwendet weren.

{{ HTMLElement("rt") }} Neu in HTML5 Bezeichnet den Text einer Ruby-Annotation.
{{ HTMLElement("rp") }} Neu in HTML5 Wird zusammen mit dem Element <ruby> verwendet, um Ruby-Text mit Klammern zu umgeben, die angezeigt werden, wenn das Benutzerprogramm (Browser) keine Ruby-Annotationen unterstützt.
{{ HTMLElement("bdi") }} Neu in HTML5 Markiert Text, der vom umgebenden Inhalt zum Zweck der bidirektionalen Formatierung (z.B. arabischer Text innerhalb von deutschsprachigen Inhalten) isoliert werden soll. Hiermit kann ein Textabschnitt mit einer unterschiedlichen oder unbekannten Textrichtung gekennzeichnet werden.
{{ HTMLElement("bdo") }} Kann verwendet werden, um die Textrichtung der enthaltenen Kindelemente zu steuern. Hiermit kann der Unicode BiDi-Algorithmus explizit überschrieben werden.
{{ HTMLElement("span") }} Markiert einen allgemeinen Textabschnitt. Das <span>-Element erhält seine Bedeutung meistens durch ein class- oder ein id-Attribut, wodurch es außerdem für Skripte zugänglich ist und von Stylesheets ausgewählt werden kann.
{{ HTMLElement("br") }} Bezeichnet einen Zeilenumbruch.
{{ HTMLElement("wbr") }} Neu in HTML5 Hiermit kann die Gelegenheit für einen Zeilenumbruch gekennzeichnet werden, mit dem die Lesbarkeit verbessert werden kann, wenn der Text auf mehrere Zeilen verteilt wird.

Änderungen am Dokument

Tag Beschreibung
{{ HTMLElement("ins") }} Markiert einen zum Dokument hinzugefügten Teil.
{{ HTMLElement("del") }} Markiert einen aus dem Dokument entfernen Teil.

Eingebettete Inhalte (Ersetzte Elemente)

Tag Beschreibung
{{ HTMLElement("img") }} Steht für ein Bild.
{{ HTMLElement("iframe") }} Definiert einen so genannten Iframe, mit dem ein HTML-Dokument in seinem eigenen Kontext in das aktuelle Dokument eingebettet werden kann.
{{ HTMLElement("embed") }} Neu in HTML5 Steht für einen Einbindungspunkt externe Ressourcen. Dies sind typischerweise keine HTML-Inhalte, sondern beispielsweise eine Applikation oder interaktiver Inhalt, der mit Hilfe eines Plugins (anstatt nativ durch das Benutzerprogramm) dargestellt wird.
{{ HTMLElement("object") }} Steht für allgemeinen externen Inhalt, der je nach Kontext als Bild, "verschachtelter Browsing-Kontext", oder externer Inhalt (der mit Hilfe eines Plugins darsgestellt wird) betrachtet wird.
{{ HTMLElement("param") }} Definiert Parameter für ein Plugin, das für die Darstellung eines mit <object> eingebundenen Elements verwendet werden.
{{ HTMLElement("video") }} Neu in HTML5 Steht für eine Videodatei und die dazugehörigen Audiodateien, sowie die für das Abspielen nötigen Kontrollelemente.
{{ HTMLElement("audio") }} Neu in HTML5 Markiert eine Tondatei oder einen Audiostream.
{{ HTMLElement("source") }} Neu in HTML5 Ermöglicht es Autoren, alternative Medienressourcen (z.B. verschiedene Audio- oder Videoformate) für Medienelemente wie <video> oder <audio> anzugeben.
{{ HTMLElement("track") }} Neu in HTML5 Hiermit können zusätzliche Medienspuren (z.B. Untertitel) für Elemente wie <video> oder <audio> angegeben werden.
{{ HTMLElement("canvas") }} Neu in HTML5 Steht für einen Bitmap-Bereich, der von Skripts verwendet werden kann, um beispielsweise Diagramme, Spielegraphiken oder andere visuellen Effekte dynamisch darzustellen.
{{ HTMLElement("map") }} Definiert in Verbindung mit dem <area>-Element eine Image Map.
{{ HTMLElement("area") }} Definiert in Verbindung mit dem <map>-Element eine Image Map.
{{ SVGElement("svg") }} Neu in HTML5 Definiert eine eingebettete Vektorgrafik.
{{ MathMLElement("math") }} Neu in HTML5 Markiert eine mathematische Formel.

Tabellarische Daten

Tag Beschreibung
{{ HTMLElement("table") }} Markiert eine Tabelle, d.h. Daten mit mehr als einer Dimension.
{{ HTMLElement("caption") }} Kennzeichnet die Beschriftung (Titel) einer Tabelle.
{{ HTMLElement("colgroup") }} Steht für eine Gruppe aus einer oder mehreren Tabellenspalten.
{{ HTMLElement("col") }} Steht für eine Tabellenspalte.
{{ HTMLElement("tbody") }} Steht für die Spalten, die die eigentlichen Daten einer Tabelle enthalten.
{{ HTMLElement("thead") }} Markiert die Gruppe der Tabellenzeilen, die die Beschriftungen der Tabellenspalten enthalten.
{{ HTMLElement("tfoot") }} Markiert die Gruppe der Tabellenzeilen, die die Zusammenfassungen der Tabellenspalten enthalten.
{{ HTMLElement("tr") }} Steht für eine Zeile mit Tabellenzellen.
{{ HTMLElement("td") }} Kennzeichnet eine einzelne Tabellenzelle.
{{ HTMLElement("th") }} Kennzeichnet eine Tabellenzelle mit einer Beschriftung.

Formulare

Tag Beschreibung
{{ HTMLElement("form") }} Markiert ein Formular. Formulare bestehen typischerweise aus einer Reihe von Kontrollelementen, deren Werte zur weiteren Verarbeitung an einen Server übertragen werden.
{{ HTMLElement("fieldset") }} Steht für eine Gruppe von Kontrollelementen.
{{ HTMLElement("legend") }} Markiert eine Beschriftung für ein <fieldset>-Element.
{{ HTMLElement("label") }} Kennzeichnet die Beschriftung für ein Formular-Kontrollelement.
{{ HTMLElement("input") }} Steht für ein Feld für Benutzereingaben eines bestimmten Typs.
{{ HTMLElement("button") }} Markiert einen Button.
{{ HTMLElement("select") }} Kennzeichnet ein Kontrollelement, mit dem aus einer Reihe von Optionen ausgewählt werden kann.
{{ HTMLElement("datalist") }} Neu in HTML5 Steht für eine Sammlung vordefinierter Optionen für andere Kontrollelemente.
{{ HTMLElement("optgroup") }} Steht für eine Reihe logisch gruppierter Auswahloptionen.
{{ HTMLElement("option") }} Steht für eine Auswahloption innerhalb eines <select>-Elements, oder einen Vorschlag innerhalb eines <datalist>-Elements.
{{ HTMLElement("textarea") }} Markiert ein Element für mehrzeilige Texteingaben.
{{ HTMLElement("keygen") }} Neu in HTML5 Steht für ein Kontrollelement zur Erzeugung eines Paares aus öffentlichem und privaten Schlüssel und zum Versenden des öffentlichen Schlüssels.
{{ HTMLElement("output") }} Neu in HTML5 Markiert das Ergebnis einer Berechnung.
{{ HTMLElement("progress") }} Neu in HTML5 Ein Element zur Fortschrittsanzeige einer bestimmten Aufgabe.
{{ HTMLElement("meter") }} Neu in HTML5 Steht für eine Messskala (oder deren Teilwerte) innerhalb eines bekannten Bereichs.

Interaktive Elemente

Tag Beschreibung
{{ HTMLElement("details") }} Neu in HTML5 Markiert ein Kontrollelement, mit dem der Benutzer zusätzliche Informationen oder Kontrolle erhalten kann.
{{ HTMLElement("summary") }} Neu in HTML5 Kennzeichnet eine Zusammenfassung oder eine Legende für ein bestimmte <details>-Element.
{{ HTMLElement("command") }} Neu in HTML5 Kennzeichnet einen Befehl, der vom Benutzer aufgerufen werden kann.
{{ HTMLElement("menu") }} Neu in HTML5 Markiert eine Liste mit Befehlen.

Siehe auch

Quelltext der Version

<p>Auf dieser Seite finden Sie eine Liste aller <strong>Standard HTML5-Elemente</strong>, beschrieben durch ihr öffnendes Tag, nach Funktion gruppiert. Diese Liste enthält ausschließlich die gültigen HTML5-Elemente. In neuen Websites sollten nur die hier aufgezählten Tags verwendet werden. Eine komplette Liste aller HTML-Elemente finden Sie im <a href="/en-US/docs/HTML/Element" title="/en-US/docs/HTML/Element">Index aller HTML-Elemente</a>. Dieser enthält sämtliche möglichen Tags: standardisierte, nicht-standardkonforme, gültige, obsolete und als veraltet ("deprecated") betrachtete.</p>
<p>Das Symbol <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a> steht für ein in HTML5 neu hinzugekommenes Element. Beachten Sie, dass andere hier aufgeführte Elemente in der HTML5-Spezifikation möglicherweise verändert oder erweitert wurden.</p>
<h2 id="Das_Wurzelelement" style="clear: both;">Das Wurzelelement</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Tag</th>
      <th scope="col">Beschreibung</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("html") }}</td>
      <td><span style="line-height: 21px; ">Steht für den Wurzelknoten eines HTML- oder XHTML-Dokuments. Alle weiteren Elemente müssen Nachkommen dieses Elements sein.</span></td>
    </tr>
  </tbody>
</table>
<h2 id="Metadaten_des_Dokuments">Metadaten des Dokuments</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Tag</th>
      <th scope="col">Beschreibung</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("head") }}</td>
      <td><span style="line-height: 21px; ">Bezeichnet eine Sammlung von Metadaten des Dokuments. Hierzu gehören auch Links zu oder Definitionen von Skripts und Stylesheets.</span></td>
    </tr>
    <tr>
      <td>{{ HTMLElement("title") }}</td>
      <td><span style="line-height: 21px; ">Definiert den Titel eines Dokuments, der in der Titelzeile des Browsers im Tab der betreffenden Seite angezeigt wird. Darf ausschließlich Text enthalten. Eventuell enthaltene Tags werden nicht interpretiert.</span></td>
    </tr>
    <tr>
      <td>{{ HTMLElement("base") }}</td>
      <td>Definiert den Basis-URL für in der Seite verwendete relative URLs.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("link") }}</td>
      <td>Wird verwendet, um externe JavaScript- und CSS-Dateien in das aktuelle HTML-Dokument einzubinden.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("meta") }}</td>
      <td>Wird für die Definition von Metadaten verwenden, die mit keinem anderen HTML-Element definiert werden können.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("style") }}</td>
      <td>Tag für die Definition eines internen CSS-Stylesheets.</td>
    </tr>
  </tbody>
</table>
<h2 id="Skripting">Skripting</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Tag</th>
      <th scope="col">Beschreibung</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("script") }}</td>
      <td>Definiert entweder ein internes Skript oder einen Link auf ein externes Skript. Als Programmiersprache wird JavaScript verwendet.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("noscript") }}</td>
      <td>Definiert alternative Inhalte, die angezeigt werden sollen, wenn der Browser kein Skripting unterstützt.</td>
    </tr>
  </tbody>
</table>
<h2 id="Abschnitte_(Sections)">Abschnitte (Sections)</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Tag</th>
      <th scope="col">Beschreibung</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("body") }}</td>
      <td>
        <div>
          Steht für den Hauptinhalt eines HTML-Dokuments. Jedes Dokument kann nur ein <code>&lt;body&gt;</code>-Element enthalten.</div>
      </td>
    </tr>
    <tr>
      <td>{{ HTMLElement("section") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Beschreibt einen Abschnitt eines Dokuments.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("nav") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Beschreibt einen Abschnitt der ausschließlich Navigationslinks enthält.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("article") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Beschreibt eigenständigen Inhalt, der unabhängig von den übrigen Inhalten kann.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("aside") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Steht für eine Randbemerkung. Der übrige Inhalt sollte auch verständlich sein, wenn dieses Element entfernt wird.</td>
    </tr>
    <tr>
      <td><a href="/en/HTML/Element/Heading_Elements" title="Elementy blokowe"><code>&lt;h1&gt;,&lt;h2&gt;,&lt;h3&gt;,&lt;h4&gt;,&lt;h5&gt;,&lt;h6&gt;</code></a></td>
      <td>Hiermit werden Überschriften definiert. Es gibt sechs verschiedene Hierarchieebenen, wobei <span style="font-family: 'Courier New', 'Andale Mono', monospace; line-height: normal; ">&lt;h1&gt;</span><br />
        für die Hauptüberschrift steht und <code style="font-size: 14px; color: rgb(51, 51, 51); ">&lt;h6&gt;</code> für eine Überschrift der untersten Ebene. Eine Überschriftselement beschreibt knapp das Thema des Abschnitts, dem sie voransteht.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("hgroup") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Dient zum Gruppieren mehrerer <code>&lt;h1&gt;</code>- bis <code>&lt;h6&gt;-</code>Elemente, wenn eine Überschrift aus verschiedenen Ebenenen besteht.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("header") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Definiert den Kopfteil ("header") einer Seite oder eines Abschnitts. Er enthält oft ein Logo, den Titel der Website und die Seitennavigation.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("footer") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Definiert den Fußteil ("footer") einer Seite oder eines Abschnitts. Er enthält oft Copyright-Hinweise, einen Link auf das Impressum oder Kontaktadressen.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("address") }}</td>
      <td>Definiert einen Abschnitt mit Kontaktinformationen.</td>
    </tr>
  </tbody>
</table>
<h2 id="Inhalte_gruppieren">Inhalte gruppieren</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Tag</th>
      <th scope="col">Beschreibung</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("p") }}</td>
      <td>Der Inhalt dieses Elements soll als Absatz dargestellt werden.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("hr") }}</td>
      <td>Bezeichnet einen thematischen Bruch zwischen Absätzen eines Abschnitts, Artikels oder anderem längeren Inhalt.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("pre") }}</td>
      <td>Zeigt an, das der Inhalt dieses Elements vorformatiert ist und das dieses Format erhalten bleiben soll.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("blockquote") }}</td>
      <td>Kennzeichnet ein Zitat.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("ol") }}</td>
      <td>Definiert eine geordnete Liste, bei der die Einträge eine bestimmte Reihenfolge haben müssen.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("ul") }}</td>
      <td>Definiert eine Liste ungeordneter Einträge.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("li") }}</td>
      <td>Kennzeichnet einen Listeneintrag. Diesem wird oftmals ein "bullet" als Aufzählungszeichen vorangestellt.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("dl") }}</td>
      <td>Kennzeichnet eine Definitionsliste aus Begriffen und den dazugehörigen Definitionen.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("dt") }}</td>
      <td>Kennzeichnet einen Begriff der im folgenden <code>&lt;dd&gt;</code>-Element beschrieben wird.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("dd") }}</td>
      <td>Markiert die Definition des oder der Begriffe, die in den direkt vorangehenden <code style="font-size: 14px; color: rgb(51, 51, 51); ">&lt;dt&gt;</code>-Element angegeben wurden.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("figure") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Kennzeichnet eine Abbildung, die einen Teil des Dokuments illustriert.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("figcaption") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Bezeichnet die Beschriftung einer Abbildung.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("div") }}</td>
      <td>Bezeichnet ein allgemeines Container-Element ohne spezielle semantische Bedeutung.</td>
    </tr>
  </tbody>
</table>
<h2 id="Semantische_Text-Elemente">Semantische Text-Elemente</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Tag</th>
      <th scope="col">Beschreibung</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("a") }}</td>
      <td>Bezeichnet einen <i>Hyperlink</i>, der auf eine andere Ressource verweist.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("em") }}</td>
      <td>Steht für <i>hervorgehobenen</i> Text.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("strong") }}</td>
      <td>Markiert besonders <i>wichtigen</i> Text.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("small") }}</td>
      <td>Steht für das "Kleingedruckte" eines Dokuments, wie Ausschlussklauseln, Copyright-Hinweise oder andere Dinge, die für das Verständnis des Dokuments nicht unbedingt nötig sind.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("s") }}</td>
      <td>Wird für Inhalte verwendet, die<i> nicht länger relevant oder akkurat </i>sind. Wird meist durchgestrichen dargestellt.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("cite") }}</td>
      <td>Steht für den <i>Titel eines Werks.</i></td>
    </tr>
    <tr>
      <td>{{ HTMLElement("q") }}</td>
      <td>Bezeichnet ein <i>Kurzzitat</i>. Für längere Zitate sollte <span style="font-family: 'Courier New', 'Andale Mono', monospace; line-height: normal; ">&lt;blockquote&gt;</span> verwendet werden.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("dfn") }}</td>
      <td>Steht für einen Begriff, dessen <i>Definition</i> im nächstgelegenen Nachkommen-Element enthalten ist.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("abbr") }}</td>
      <td>Bezeichnet eine <i>Abkürzung</i> oder ein <i>Akronym</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("data") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Verbindet seinen Inhalt mit einem <i>maschinenlesbaren Equivalent,</i> angegeben im <em>value</em>-Attribut.(Dieses Element wird nur in der WHATWG-Version des HTML-Standards definiert, nicht aber in der W3C-Version von HTML5).</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("time") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Steht für einen Wert, der <i>Datum</i> und <i>Uhrzeit angibt</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("code") }}</td>
      <td>Wird verwendet, um <i>Programmiercode </i>zu markieren.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("var") }}</td>
      <td>Steht für eine <i>Variable. </i>Dies kann ein tatsächlicher mathematischer Ausdruck oder Programmierungskontext sein, ein Identifier für eine Konstante, ein Symbol für eine physikalische Größe, ein Funktionsparameter oder einfach ein Platzhalter.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("samp") }}</td>
      <td>Markiert die <i>Ausgabe</i> eines Programms oder eines Computers.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("kbd") }}</td>
      <td>Steht für eine <em>Benutzereingabe</em>, oftmals, aber nicht unbedingt, auf der Tastatur. Kann auch für andere Eingaben, beispielsweise transkribierte Sprachbefehle stehen.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("sub") }},{{ HTMLElement("sup") }}</td>
      <td>Markiert <i>tiefgestellten</i>, bzw. <em>hochgestellten</em> Text<i>.</i></td>
    </tr>
    <tr>
      <td>{{ HTMLElement("i") }}</td>
      <td>Steht für einen Textabschnitt, der <em>vom übrigen Inhalt abgesetzt</em> und <em>üblicherweise kursiv</em> dargestellt wird, ohne für eine spezielle Betonung oder Wichtigkeit zu stehen. Dies kann beispielsweise eine taxonomische Bezeichnung, ein technischer Begriff, ein idiomatischer Ausdruck, ein Gedanke oder der Name eines Schiffes sein.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("b") }}</td>
      <td>Steht für einen Textabschnitt, der <em>vom übrigen Inhalt abgesetzt</em> und <em>üblicherweise fettgedruckt</em> dargestellt wird, ohne für eine spezielle Betonung oder Wichtigkeit zu stehen. Dies kann beispielsweise ein Schlüsselwort oder ein Produktname in einer Produktbewertung sein.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("u") }}</td>
      <td>Steht für einen Textabschnitt, der <em>vom übrigen Inhalt abgesetzt</em> und <em>üblicherweise unterstrichen</em> dargestellt wird, ohne für eine spezielle Betonung oder Wichtigkeit zu stehen. Dies könnte beispielsweise ein Eigenname auf chinesisch sein oder ein Textabschnitt, der häufig falsch buchstabiert wird.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("mark") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Steht für Text, der aus <em>Referenzgründen</em> hervorgehoben wird, d.h. der in anderem Kontext von Bedeutung ist.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("ruby") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>
        <p>Bezeichnet einen Textteil mit <em>Ruby-Annotationen</em>. Dies sind kurze Aussprachetipps und andere Hinweise, die hauptsächlich für ostasiatische Tyopgrafie verwendet weren.</p>
      </td>
    </tr>
    <tr>
      <td>{{ HTMLElement("rt") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Bezeichnet den Text einer <em>Ruby-Annotation</em>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("rp") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Wird zusammen mit dem Element <span style="font-family: 'Courier New', 'Andale Mono', monospace; line-height: normal; ">&lt;ruby&gt; </span>verwendet, um Ruby-Text mit Klammern zu umgeben, die angezeigt werden, wenn das Benutzerprogramm (Browser) keine Ruby-Annotationen unterstützt.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("bdi") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Markiert Text, der vom umgebenden Inhalt zum Zweck der bidirektionalen Formatierung (z.B. arabischer Text innerhalb von deutschsprachigen Inhalten) <em>isoliert</em> werden soll. Hiermit kann ein Textabschnitt mit einer unterschiedlichen oder unbekannten Textrichtung gekennzeichnet werden.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("bdo") }}</td>
      <td>Kann verwendet werden, um die <em>Textrichtung der enthaltenen Kindelemente</em> zu steuern. Hiermit kann der Unicode BiDi-Algorithmus explizit überschrieben werden.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("span") }}</td>
      <td>Markiert einen allgemeinen Textabschnitt. Das <span style="font-family: 'Courier New', 'Andale Mono', monospace; line-height: normal; ">&lt;span&gt;-</span>Element erhält seine Bedeutung meistens durch ein <code>class</code>- oder ein <code>id</code>-Attribut, wodurch es außerdem für Skripte zugänglich ist und von Stylesheets ausgewählt werden kann.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("br") }}</td>
      <td>Bezeichnet einen <i>Zeilenumbruch</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("wbr") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Hiermit kann die <em>Gelegenheit für einen Zeilenumbruch</em> gekennzeichnet werden, mit dem die Lesbarkeit verbessert werden kann, wenn der Text auf mehrere Zeilen verteilt wird.</td>
    </tr>
  </tbody>
</table>
<h2 id=".C3.84nderungen_am_Dokument">Änderungen am Dokument</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Tag</th>
      <th scope="col">Beschreibung</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("ins") }}</td>
      <td>Markiert einen zum Dokument <em>hinzugefügten</em> Teil.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("del") }}</td>
      <td>Markiert einen aus dem Dokument <em>entfernen</em> Teil.</td>
    </tr>
  </tbody>
</table>
<h2 id="Eingebettete_Inhalte_(Ersetzte_Elemente)">Eingebettete Inhalte (Ersetzte Elemente)</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Tag</th>
      <th scope="col">Beschreibung</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("img") }}</td>
      <td>Steht für ein <i>Bild</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("iframe") }}</td>
      <td>Definiert einen so genannten <em>Iframe</em>, mit dem ein HTML-Dokument in seinem eigenen Kontext in das aktuelle Dokument eingebettet werden kann.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("embed") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Steht für einen <em>Einbindungspunkt</em> externe Ressourcen. Dies sind typischerweise keine HTML-Inhalte, sondern beispielsweise eine Applikation oder interaktiver Inhalt, der mit Hilfe eines Plugins (anstatt nativ durch das Benutzerprogramm) dargestellt wird.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("object") }}</td>
      <td>Steht für <em>allgemeinen externen Inhalt</em>, der je nach Kontext als Bild, "verschachtelter Browsing-Kontext", oder externer Inhalt (der mit Hilfe eines Plugins darsgestellt wird) betrachtet wird.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("param") }}</td>
      <td>Definiert <em>Parameter</em> für ein Plugin, das für die Darstellung eines mit <code>&lt;object&gt;</code> eingebundenen Elements verwendet werden.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("video") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Steht für eine <em>Videodatei</em> und die dazugehörigen Audiodateien, sowie die für das Abspielen nötigen Kontrollelemente.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("audio") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Markiert eine <em>Tondatei</em> oder einen <em>Audiostream</em>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("source") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Ermöglicht es Autoren, alternative Medienressourcen (z.B. verschiedene Audio- oder Videoformate) für Medienelemente wie <code>&lt;video&gt;</code> oder <code>&lt;audio&gt;</code> anzugeben.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("track") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Hiermit können zusätzliche Medienspuren (z.B. Untertitel) für Elemente wie <code>&lt;video&gt;</code> oder <i><code>&lt;audio&gt;</code></i> angegeben werden.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("canvas") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Steht für einen <em>Bitmap-Bereich</em>, der von Skripts verwendet werden kann, um beispielsweise Diagramme, Spielegraphiken oder andere visuellen Effekte dynamisch darzustellen.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("map") }}</td>
      <td>Definiert in Verbindung mit dem <code>&lt;area&gt;</code>-Element eine <em>Image Map</em>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("area") }}</td>
      <td>Definiert in Verbindung mit dem <code>&lt;map&gt;</code>-Element eine <em>Image Map</em>.</td>
    </tr>
    <tr>
      <td>{{ SVGElement("svg") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Definiert eine eingebettete <em>Vektorgrafik</em>.</td>
    </tr>
    <tr>
      <td>{{ MathMLElement("math") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Markiert eine <em>mathematische Formel</em>.</td>
    </tr>
  </tbody>
</table>
<h2 id="Tabellarische_Daten">Tabellarische Daten</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Tag</th>
      <th scope="col">Beschreibung</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("table") }}</td>
      <td>Markiert eine <em>Tabelle</em>, d.h. Daten mit mehr als einer Dimension.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("caption") }}</td>
      <td>Kennzeichnet die <em>Beschriftung (Titel)</em> einer Tabelle.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("colgroup") }}</td>
      <td>Steht für eine <em>Gruppe</em> aus einer oder mehreren <em>Tabellenspalten</em>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("col") }}</td>
      <td>Steht für eine <em>Tabellenspalte</em>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("tbody") }}</td>
      <td>Steht für die Spalten, die die <em>eigentlichen Daten</em> einer Tabelle enthalten.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("thead") }}</td>
      <td>Markiert die <em>Gruppe der Tabellenzeilen, die die Beschriftungen der Tabellenspalten</em> enthalten.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("tfoot") }}</td>
      <td>Markiert die Gruppe der <em>Tabellenzeilen, die die Zusammenfassungen der Tabellenspalten</em> enthalten.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("tr") }}</td>
      <td>Steht für eine <em>Zeile mit Tabellenzellen</em>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("td") }}</td>
      <td>Kennzeichnet eine einzelne <em>Tabellenzelle</em>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("th") }}</td>
      <td>Kennzeichnet eine <em>Tabellenzelle mit einer Beschriftung</em>.</td>
    </tr>
  </tbody>
</table>
<h2 id="Formulare">Formulare</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Tag</th>
      <th scope="col">Beschreibung</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("form") }}</td>
      <td>Markiert ein <i>Formular. </i>Formulare bestehen typischerweise aus einer Reihe von Kontrollelementen, deren Werte zur weiteren Verarbeitung an einen Server übertragen werden.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("fieldset") }}</td>
      <td>Steht für eine <i>Gruppe von Kontrollelementen.</i></td>
    </tr>
    <tr>
      <td>{{ HTMLElement("legend") }}</td>
      <td>Markiert eine Beschriftung für ein <code>&lt;fieldset&gt;</code>-Element.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("label") }}</td>
      <td>Kennzeichnet die <em>Beschriftung</em> für ein Formular-Kontrollelement.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("input") }}</td>
      <td>Steht für ein <em>Feld für Benutzereingaben</em> eines bestimmten Typs.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("button") }}</td>
      <td>Markiert einen <i>Button</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("select") }}</td>
      <td>Kennzeichnet ein Kontrollelement, mit dem aus einer <em>Reihe von Optionen ausgewählt werden kann</em>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("datalist") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Steht für eine Sammlung <em>vordefinierter Optionen für andere Kontrollelemente</em>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("optgroup") }}</td>
      <td>Steht für eine Reihe <em>logisch gruppierter Auswahloptionen</em>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("option") }}</td>
      <td>Steht für eine Auswahloption innerhalb eines <code>&lt;select&gt;</code>-Elements, oder einen Vorschlag innerhalb eines <code>&lt;datalist&gt;-</code>Elements.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("textarea") }}</td>
      <td>Markiert ein Element für <i>mehrzeilige Texteingaben</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("keygen") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Steht für ein Kontrollelement zur Erzeugung eines <i>Paares aus öffentlichem und privaten Schlüssel</i> und zum Versenden des öffentlichen Schlüssels.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("output") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Markiert das <i>Ergebnis einer Berechnung</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("progress") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Ein Element zur <i>Fortschrittsanzeige</i> einer bestimmten Aufgabe.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("meter") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Steht für eine <i>Messskala</i> (oder deren Teilwerte) innerhalb eines bekannten Bereichs.</td>
    </tr>
  </tbody>
</table>
<h2 id="Interactive_elements">Interaktive Elemente</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Tag</th>
      <th scope="col">Beschreibung</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("details") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Markiert ein Kontrollelement, mit dem der Benutzer <i>zusätzliche Informationen</i> oder Kontrolle erhalten kann.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("summary") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Kennzeichnet eine <i>Zusammenfassung</i> oder eine <i>Legende</i> für ein bestimmte <code>&lt;details&gt;</code>-Element.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("command") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Kennzeichnet einen <i>Befehl</i>, der vom Benutzer aufgerufen werden kann.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("menu") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Neu in HTML5" /></a></td>
      <td>Markiert eine <i>Liste mit Befehlen</i>.</td>
    </tr>
  </tbody>
</table>
<h2 id="See_also">Siehe auch</h2>
<ul>
  <li><a href="/en-US/docs/HTML/HTML5" title="/en-US/docs/HTML/HTML5">Eine Reihe von Dokumenten zu HTML5</a>.</li>
  <li>Die <a href="/en-US/docs/HTML/Element" title="/en-US/docs/HTML/Element">Referenz aller HTML-Tags</a>, auch Elemente, die in HTML5 nicht mehr gültig sind.</li>
  <li>Eine weitere Form, die HTML-Tags darzustellen: Der<a href="http://joshduck.com/periodic-table.html" title="http://joshduck.com/periodic-table.html">"Periodic table of HTML5 elements"</a> von Josh Duck.</li>
</ul>
Zu dieser Version zurücksetzen