Liste der HTML5-Elemente

  • Adressname der Version: HTML/HTML5/HTML5_element_list
  • Titel der Version: Liste der HTML5-Elemente
  • ID der Version: 307097
  • 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 This element has been added 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") }} This element has been added in HTML5 Beschreibt einen Abschnitt eines Dokuments.
{{ HTMLElement("nav") }} This element has been added in HTML5 Beschreibt einen Abschnitt der ausschließlich Navigationslinks enthält.
{{ HTMLElement("article") }} This element has been added in HTML5 Beschreibt eigenständigen Inhalt, der unabhängig von den übrigen Inhalten kann. 
{{ HTMLElement("aside") }} This element has been added 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") }} This element has been added in HTML5 Dient zum Gruppieren mehrerer <h1>- bis  <h6>-Elemente, wenn eine Überschrift aus verschiedenen Ebenenen besteht.
{{ HTMLElement("header") }} This element has been added 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") }} This element has been added 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") }} This element has been added in HTML5 Kennzeichnet eine Abbildung, die einen Teil des Dokuments illustriert.
{{ HTMLElement("figcaption") }} This element has been added 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") }} This element has been added 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") }} This element has been added in HTML5 Steht für einen Wert, der Datum und Uhrzeit angibt.
{{ HTMLElement("code") }} Wird verwendet, um Programmiercode zu markieren.
{{ HTMLElement("var") }} Represents a variable, that is an actual mathematical expression or programming context, an identifier representing a constant, a symbol identifying a physical quantity, a function parameter, or a mere placeholder in prose.
{{ HTMLElement("samp") }} Represents the output of a program or a computer.
{{ HTMLElement("kbd") }} Represents user input, often from the keyboard, but not necessary, it may represent other input, like transcribed voice commands.
{{ HTMLElement("sub") }},{{ HTMLElement("sup") }} Represents a subscript, respectively a superscript.
{{ HTMLElement("i") }} Represents some text in an alternate voice or mood, or at least of different quality, such as a taxonomic designation, a technical term, an idiomatic phrase, a thought or a ship name.
{{ HTMLElement("b") }} Represents a text which to which attention is drawn for utilitarian purposes. It doesn't convey extra importance and doesn't implicate an alternate voice.
{{ HTMLElement("u") }} Represents unarticulate non-textual annoatation, such labeling the text as being misspelt or labeling a proper name in Chinese text.
{{ HTMLElement("mark") }} This element has been added in HTML5 Represents text highlighted for reference purposes, that is for its relevance in another context.
{{ HTMLElement("ruby") }} This element has been added in HTML5 Represents content to be marked with ruby annotations, short runs of text presented alongside the text. This is often used in conjunction with East Asian language where the annotations act as a guide for pronunciation, like the Japanese furigana.
{{ HTMLElement("rt") }} This element has been added in HTML5 Represents the text of a ruby annotation.
{{ HTMLElement("rp") }} This element has been added in HTML5 Represents parenthesis around a ruby annotation, used to display the annotation in an alternate way by browsers not supporting the standard display for annotations.
{{ HTMLElement("bdi") }} This element has been added in HTML5 Represents text that must be isolated from its surrounding for bidirectional text formatting. It allows to embed span of text with a different, or unknown, directionality.
{{ HTMLElement("bdo") }} Represents the directionality of its children, in order to explicitly override the Unicode bidirectional algorithm.
{{ HTMLElement("span") }} Represents text with no specific meaning. This has to be used when no other text-semantic element conveys an adequate meaning, which, in this case, is often brought by global attributes like class, lang, or dir.
{{ HTMLElement("br") }} Represents a line break.
{{ HTMLElement("wbr") }} This element has been added in HTML5 Represents a line break opportunity, that is a suggested wrapping point in order to improve readability of text split on several lines.

Edits

Tag  
{{ HTMLElement("ins") }} Defines an addition to the document.
{{ HTMLElement("del") }} Defines a removal from the document.

Embedded content

Tag  
{{ HTMLElement("img") }} Represents an image.
{{ HTMLElement("iframe") }} Represents a nested browsing context, that is an embedded HTML document.
{{ HTMLElement("embed") }} This element has been added in HTML5 Represents a integration point for an external, often non_HTML, application or interactive content.
{{ HTMLElement("object") }} Represents an external resource, which will be treated as an image, an HTML sub-document or an external resource to be processed by a plugin.
{{ HTMLElement("param") }} Defines parameters for use by plugins invoked by <object> elements.
{{ HTMLElement("video") }} This element has been added in HTML5 Represents a video,  and its associated audio files and captions, with the necessary interface to play it.
{{ HTMLElement("audio") }} This element has been added in HTML5 Represents a sound, or an audio stream.
{{ HTMLElement("source") }} This element has been added in HTML5 Allows authors to specify alternative media resources for media elements like <video> or <audio>.
{{ HTMLElement("track") }} This element has been added in HTML5 Allows authors to specify timed text track for media elements like <video> or <audio>.
{{ HTMLElement("canvas") }} This element has been added in HTML5 Represents a bitmap area that scripts can be used to render graphics, like graphs, game graphics, any visual images on the fly.
{{ HTMLElement("map") }} In conjunction with <area>, defines an image map.
{{ HTMLElement("area") }} In conjunction with <map>, defines an image map.
{{ SVGElement("svg") }} This element has been added in HTML5 Defines an embedded vectorial image.
{{ MathMLElement("math") }} This element has been added in HTML5 Defines a mathematical formula.

Tabular data

Tag  
{{ HTMLElement("table") }} Represents data with more than one dimension.
{{ HTMLElement("caption") }} Represents the title of a table.
{{ HTMLElement("colgroup") }} Represents a set of one or more columns of a table.
{{ HTMLElement("col") }} Represents a column of a table.
{{ HTMLElement("tbody") }} Represents the block of rows that describes the concrete data of a table.
{{ HTMLElement("thead") }} Represents the block of rows that describes the column labels of a table.
{{ HTMLElement("tfoot") }} Represents the block of rows that describes the column summaries of a table.
{{ HTMLElement("tr") }} Represents a row of cells in a table.
{{ HTMLElement("td") }} Represents a data cell in a table.
{{ HTMLElement("th") }} Represents a header cell in a table.

Forms

Tag  
{{ HTMLElement("form") }} Represents a formular, consisting of controls, that can be submitted to a server for processing.
{{ HTMLElement("fieldset") }} Represents a set of controls.
{{ HTMLElement("legend") }} Represents the caption for a <fieldset>.
{{ HTMLElement("label") }} Represents the caption of a form control.
{{ HTMLElement("input") }} Represents a typed data field allowing the user to edit the data.
{{ HTMLElement("button") }} Represents a button.
{{ HTMLElement("select") }} Represents a control allowing the selection among a set of options.
{{ HTMLElement("datalist") }} This element has been added in HTML5 Represents a set of predefined options for other controls.
{{ HTMLElement("optgroup") }} Represents a set of options, logically grouped.
{{ HTMLElement("option") }} Represents an option in a <select> element, or a suggestion of a <datalist> element.
{{ HTMLElement("textarea") }} Represents a multiline text edit control.
{{ HTMLElement("keygen") }} This element has been added in HTML5 Represents a key pair generator control.
{{ HTMLElement("output") }} This element has been added in HTML5 Represents the result of a calculation.
{{ HTMLElement("progress") }} This element has been added in HTML5 Represents the completion progress of a task.
{{ HTMLElement("meter") }} This element has been added in HTML5 Represents a scalar measurement (or a fractional value), within a known range

Interactive elements

Tag  
{{ HTMLElement("details") }} This element has been added in HTML5 Represents a widget from which the user can obtain additional information or controls.
{{ HTMLElement("summary") }} This element has been added in HTML5 Represents a summary, caption, or legend for a given <details>.
{{ HTMLElement("command") }} This element has been added in HTML5 Represents a command that the user can invoke.
{{ HTMLElement("menu") }} This element has been added in HTML5 Represents a list of commands.

See also

Quelltext der Version

<p>Auf dieser Seite finden Sie eine Liste aller&nbsp;<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&nbsp;<a href="/en-US/docs/HTML/Element" title="/en-US/docs/HTML/Element">Index aller HTML-Elemente</a>. &nbsp;Dieser enthält sämtliche möglichen Tags: standardisierte, nicht-standardkonforme, gültige, obsolete und als veraltet ("deprecated") betrachtete.</p>
<p>Das Symbol&nbsp;<a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a>&nbsp;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&nbsp;<code>&lt;body&gt;</code>-Element enthalten.</div>
      </td>
    </tr>
    <tr>
      <td>{{ HTMLElement("section") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added 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="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added 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="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Beschreibt eigenständigen Inhalt, der unabhängig von den übrigen Inhalten kann.&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("aside") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Steht für eine Randbemerkung. Der übrige Inhalt sollte auch verständlich sein, wenn dieses Element entfernt wird.&nbsp;</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&nbsp;<span style="font-family: 'Courier New', 'Andale Mono', monospace; line-height: normal; ">&lt;h1&gt;</span><br />
        für die Hauptüberschrift steht und&nbsp;&nbsp;<code style="font-size: 14px; color: rgb(51, 51, 51); ">&lt;h6&gt;</code>&nbsp;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="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Dient zum Gruppieren mehrerer&nbsp;<code>&lt;h1&gt;</code>- bis &nbsp;<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="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added 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="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added 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&nbsp;<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&nbsp;<code style="font-size: 14px; color: rgb(51, 51, 51); ">&lt;dt&gt;</code>-Element angegeben wurden.&nbsp;<br />
        &nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("figure") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added 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="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added 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&nbsp;<i>Hyperlink</i>, der auf eine andere Ressource verweist.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("em") }}</td>
      <td>Steht für&nbsp;<i>hervorgehobenen</i>&nbsp;Text.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("strong") }}</td>
      <td>Markiert besonders&nbsp;<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.<br />
        &nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("s") }}</td>
      <td>Wird für Inhalte verwendet, die<i>&nbsp;nicht länger relevant oder akkurat&nbsp;</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&nbsp;<span style="font-family: 'Courier New', 'Andale Mono', monospace; line-height: normal; ">&lt;blockquote&gt;</span>&nbsp;verwendet werden.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("dfn") }}</td>
      <td>Steht für einen Begriff, dessen <i>Definition</i>&nbsp;im nächstgelegenen Nachkommen-Element enthalten ist.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("abbr") }}</td>
      <td>Bezeichnet eine <i>Abkürzung</i>&nbsp;oder ein <i>Akronym</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("data") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Verbindet seinen Inhalt mit einem &nbsp;<i>maschinenlesbaren Equivalent,</i> angegeben im <em>value</em>-Attribut.&nbsp;(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="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Steht für einen Wert, der&nbsp;<i>Datum</i> und <i>Uhrzeit angibt</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("code") }}</td>
      <td>Wird verwendet, um <i>Programmiercode&nbsp;</i>zu markieren.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("var") }}</td>
      <td>Represents a <i>variable, that is an actual mathematical expression or programming context, an identifier representing a constant, a symbol identifying a physical quantity, a function parameter, or a mere placeholder in prose.</i></td>
    </tr>
    <tr>
      <td>{{ HTMLElement("samp") }}</td>
      <td>Represents the <i>output</i> of a program or a computer.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("kbd") }}</td>
      <td>Represents <i>user input</i>, often from the keyboard, but not necessary, it may represent other input, like transcribed voice commands.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("sub") }},{{ HTMLElement("sup") }}</td>
      <td>Represents a <i>subscript</i>, respectively a <i>superscript.</i></td>
    </tr>
    <tr>
      <td>{{ HTMLElement("i") }}</td>
      <td>Represents some text in an <i>alternate</i> voice or mood, or at least of different quality, such as a taxonomic designation, a technical term, an idiomatic phrase, a thought or a ship name.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("b") }}</td>
      <td>Represents a text which to which attention is drawn for <i>utilitarian purposes</i>. It doesn't convey extra importance and doesn't implicate an alternate voice.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("u") }}</td>
      <td>Represents <i>unarticulate</i> non-textual annoatation, such labeling the text as being misspelt or labeling a proper name in Chinese text.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("mark") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents text highlighted for <i>reference</i> purposes, that is for its relevance in another context.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("ruby") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents content to be marked with <i>ruby annotations</i>, short runs of text presented alongside the text. This is often used in conjunction with East Asian language where the annotations act as a guide for pronunciation, like the Japanese <i>furigana</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("rt") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents the <i>text of a ruby annotation</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("rp") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents <i>parenthesis</i> around a ruby annotation, used to display the annotation in an alternate way by browsers not supporting the standard display for annotations.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("bdi") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents text that must be <i>isolated</i> from its surrounding for bidirectional text formatting. It allows to embed span of text with a different, or unknown, directionality.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("bdo") }}</td>
      <td>Represents the <i>directionality</i> of its children, in order to explicitly override the Unicode bidirectional algorithm.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("span") }}</td>
      <td>Represents text with no specific meaning. This has to be used when no <i>other</i> text-semantic element conveys an adequate meaning, which, in this case, is often brought by global attributes like <code>class</code>, <code>lang</code>, or <code>dir</code>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("br") }}</td>
      <td>Represents a <i>line break</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("wbr") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>line break opportunity</i>, that is a suggested wrapping point in order to improve readability of text split on several lines.</td>
    </tr>
  </tbody>
</table>
<h2 id="Edits">Edits</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Tag</th>
      <th scope="col">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("ins") }}</td>
      <td>Defines an <i>addition</i> to the document.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("del") }}</td>
      <td>Defines a <i>removal</i> from the document.</td>
    </tr>
  </tbody>
</table>
<h2 id="Embedded_content">Embedded content</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Tag</th>
      <th scope="col">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("img") }}</td>
      <td>Represents an <i>image</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("iframe") }}</td>
      <td>Represents a <i>nested browsing context</i>, that is an embedded HTML document.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("embed") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>integration point</i> for an external, often non_HTML, application or interactive content.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("object") }}</td>
      <td>Represents an <i>external resource</i>, which will be treated as an image, an HTML sub-document or an external resource to be processed by a plugin.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("param") }}</td>
      <td>Defines <i>parameters</i> for use by plugins invoked by <code>&lt;object&gt;</code> elements.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("video") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>video</i>,&nbsp; and its associated audio files and captions, with the necessary interface to play it.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("audio") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>sound</i>, or an <i>audio stream</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("source") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Allows authors to specify alternative media resources for media elements like <code>&lt;video&gt;</code> or <code>&lt;audio&gt;</code>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("track") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Allows authors to specify timed <i>text track</i> for media elements like <code>&lt;video&gt;</code><i> or <code>&lt;audio&gt;</code>.</i></td>
    </tr>
    <tr>
      <td>{{ HTMLElement("canvas") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>bitmap area</i> that scripts can be used to render graphics, like graphs, game graphics, any visual images on the fly.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("map") }}</td>
      <td>In conjunction with <code>&lt;area&gt;</code>, defines an <i>image map</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("area") }}</td>
      <td>In conjunction with <code>&lt;map&gt;</code>, defines an <i>image map</i>.</td>
    </tr>
    <tr>
      <td>{{ SVGElement("svg") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Defines an embedded <i>vectorial image</i>.</td>
    </tr>
    <tr>
      <td>{{ MathMLElement("math") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Defines a <i>mathematical formula</i>.</td>
    </tr>
  </tbody>
</table>
<h2 id="Tabular_data">Tabular data</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Tag</th>
      <th scope="col">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("table") }}</td>
      <td>Represents <i>data with more than one dimension</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("caption") }}</td>
      <td>Represents the <i>title of a table</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("colgroup") }}</td>
      <td>Represents a <i>set of one or more columns</i> of a table.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("col") }}</td>
      <td>Represents a <i>column</i> of a table.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("tbody") }}</td>
      <td>Represents the block of rows that describes the <i>concrete data</i> of a table.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("thead") }}</td>
      <td>Represents the block of rows that describes the <i>column labels</i> of a table.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("tfoot") }}</td>
      <td>Represents the block of rows that describes the <i>column summaries</i> of a table.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("tr") }}</td>
      <td>Represents a <i>row of cells</i> in a table.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("td") }}</td>
      <td>Represents a <i>data cell</i> in a table.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("th") }}</td>
      <td>Represents a <i>header cell</i> in a table.</td>
    </tr>
  </tbody>
</table>
<h2 id="Forms">Forms</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Tag</th>
      <th scope="col">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("form") }}</td>
      <td>Represents a <i>formular</i>, consisting of controls, that can be submitted to a server for processing.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("fieldset") }}</td>
      <td>Represents a <i>set of controls</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("legend") }}</td>
      <td>Represents the <i>caption</i> for a <code>&lt;fieldset&gt;</code>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("label") }}</td>
      <td>Represents the <i>caption</i> of a form control.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("input") }}</td>
      <td>Represents a <i>typed data field</i> allowing the user to edit the data.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("button") }}</td>
      <td>Represents a <i>button</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("select") }}</td>
      <td>Represents a control allowing the <i>selection among a set of options</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("datalist") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>set of predefined options</i> for other controls.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("optgroup") }}</td>
      <td>Represents a <i>set of options</i>, logically grouped.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("option") }}</td>
      <td>Represents an <i>option</i> in a <code>&lt;select&gt;</code> element, or a suggestion of a <code>&lt;datalist&gt;</code> element.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("textarea") }}</td>
      <td>Represents a <i>multiline text edit control</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("keygen") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>key pair generator control</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("output") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents the <i>result of a calculation</i>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("progress") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents the <i>completion progress</i> of a task.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("meter") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a scalar <i>measurement</i> (or a fractional value), within a known range</td>
    </tr>
  </tbody>
</table>
<h2 id="Interactive_elements">Interactive elements</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Tag</th>
      <th scope="col">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("details") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>widget</i> from which the user can obtain additional information or controls.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("summary") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>summary</i>, <i>caption</i>, or <i>legend</i> for a given <code>&lt;details&gt;</code>.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("command") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>command</i> that the user can invoke.</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("menu") }} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>list of commands</i>.</td>
    </tr>
  </tbody>
</table>
<h2 id="See_also">See also</h2>
<ul>
  <li><a href="/en-US/docs/HTML/HTML5" title="/en-US/docs/HTML/HTML5">A set of documents about HTML5</a>.</li>
  <li>The <a href="/en-US/docs/HTML/Element" title="/en-US/docs/HTML/Element">reference of all HTML tags</a>, even elements no more valid in HTML5.</li>
  <li>Another way of listing the tags: the <a href="http://joshduck.com/periodic-table.html" title="http://joshduck.com/periodic-table.html">Periodic table of HTML5 elements</a> by Josh Duck.</li>
</ul>
Zu dieser Version zurücksetzen