diff options
Diffstat (limited to 'files/de/conflicting/web/html/element/index.html')
| -rw-r--r-- | files/de/conflicting/web/html/element/index.html | 587 |
1 files changed, 587 insertions, 0 deletions
diff --git a/files/de/conflicting/web/html/element/index.html b/files/de/conflicting/web/html/element/index.html new file mode 100644 index 0000000000..4b38e72119 --- /dev/null +++ b/files/de/conflicting/web/html/element/index.html @@ -0,0 +1,587 @@ +--- +title: Liste der HTML5-Elemente +slug: Web/HTML/HTML5/HTML5_element_list +translation_of: Web/HTML/Element +translation_of_original: Web/Guide/HTML/HTML5/HTML5_element_list +--- +<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="height: 16px; vertical-align: middle; width: 16px;" 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="">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><body></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="height: 16px; vertical-align: middle; width: 16px;" 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="height: 16px; vertical-align: middle; width: 16px;" 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="height: 16px; vertical-align: middle; width: 16px;" title="Neu in HTML5"></a></td> + <td>Beschreibt eigenständigen Inhalt, der unabhängig von den übrigen Inhalten sein 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="height: 16px; vertical-align: middle; width: 16px;" 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><h1>,<h2>,<h3>,<h4>,<h5>,<h6></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;"><h1></span><br> + für die Hauptüberschrift steht und <code style="font-size: 14px; color: rgb(51, 51, 51);"><h6></code> für eine Überschrift der untersten Ebene. Eine Überschrift beschreibt knapp das Thema des Abschnitts, dem sie voransteht.</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="height: 16px; vertical-align: middle; width: 16px;" 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="height: 16px; vertical-align: middle; width: 16px;" 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> + <p>Definiert einen Abschnitt mit Kontaktinformationen.</p> + </td> + </tr> + <tr> + <td>{{ HTMLElement("main") }} <a href="/en-US/docs/HTML/HTML5"><img alt="Neu in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="Neu in HTML5"></a></td> + <td>Definiert den Hauptinhalt der Seite. Es ist nur ein <main> Element pro Seite zulässig.</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 Aufzählungszeichen ("bullet") 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><dd></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);"><dt></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="height: 16px; vertical-align: middle; width: 16px;" 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="height: 16px; vertical-align: middle; width: 16px;" 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. Wird oft zusammen mit <code>class</code>- oder <code>id</code>-Attributen verwendet, um es in Skripts oder Stylesheets auswählen zu können.</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<em>Hyperlink</em> , der auf eine andere Ressource verweist (angegeben durch das <code>href</code>-Attribut).</td> + </tr> + <tr> + <td>{{ HTMLElement("em") }}</td> + <td>Steht für<em>hervorgehobenen</em> Text. </td> + </tr> + <tr> + <td>{{ HTMLElement("strong") }}</td> + <td>Markiert besonders<em>wichtigen</em> (stark hervorgehobenen) 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<em>nicht länger relevant oder akkurat</em> sind. Wird meist durchgestrichen dargestellt.</td> + </tr> + <tr> + <td>{{ HTMLElement("cite") }}</td> + <td>Steht für den<em>Titel eines Werks.</em></td> + </tr> + <tr> + <td>{{ HTMLElement("q") }}</td> + <td>Bezeichnet ein<em>Kurzzitat</em> . Für längere Zitate sollte <span style="font-family: 'Courier New','Andale Mono',monospace; line-height: normal;"><blockquote></span> verwendet werden.</td> + </tr> + <tr> + <td>{{ HTMLElement("dfn") }}</td> + <td>Steht für einen Begriff, dessen<em>Definition</em> im nächstgelegenen Nachkommen-Element enthalten ist.</td> + </tr> + <tr> + <td>{{ HTMLElement("abbr") }}</td> + <td>Bezeichnet eine<em>Abkürzung</em> oder ein<em>Akronym</em> .</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="height: 16px; vertical-align: middle; width: 16px;" title="Neu in HTML5"></a></td> + <td>Verbindet seinen Inhalt mit einem<em>maschinenlesbaren Equivalent,</em> angegeben im <code>value</code>-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="height: 16px; vertical-align: middle; width: 16px;" title="Neu in HTML5"></a></td> + <td>Steht für einen Wert, der<em>Datum</em> und<em>Uhrzeit angibt</em> .</td> + </tr> + <tr> + <td>{{ HTMLElement("code") }}</td> + <td>Wird verwendet, um<em>Programmiercode</em> zu markieren.</td> + </tr> + <tr> + <td>{{ HTMLElement("var") }}</td> + <td>Steht für eine<em>Variable.</em> 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<em>Ausgabe</em> 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<em>tiefgestellten</em> , bzw. <em>hochgestellten</em> Text<em>.</em></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 in chinesischer Sprache 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="height: 16px; vertical-align: middle; width: 16px;" 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="height: 16px; vertical-align: middle; width: 16px;" 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 Typografie verwendet werden.</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="height: 16px; vertical-align: middle; width: 16px;" 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="height: 16px; vertical-align: middle; width: 16px;" title="Neu in HTML5"></a></td> + <td>Wird zusammen mit dem Element <span style="font-family: 'Courier New','Andale Mono',monospace; line-height: normal;"><ruby> </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="height: 16px; vertical-align: middle; width: 16px;" 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;"><span>-</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<em>Zeilenumbruch</em> .</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="height: 16px; vertical-align: middle; width: 16px;" 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="Änderungen_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>entfernten</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<em>Bild</em> .</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="height: 16px; vertical-align: middle; width: 16px;" title="Neu in HTML5"></a></td> + <td>Steht für einen <em>Einbindungspunkt</em> für externe Ressourcen. Dies sind typischerweise keine HTML-Inhalte, sondern beispielsweise eine Applikation oder interaktiver Inhalt, der mit Hilfe eines Plugins (anstatt nativ durch das Benutzerprogramms) 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" (s. <code>iframe</code>), 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><object></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="height: 16px; vertical-align: middle; width: 16px;" 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="height: 16px; vertical-align: middle; width: 16px;" 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="height: 16px; vertical-align: middle; width: 16px;" title="Neu in HTML5"></a></td> + <td>Ermöglicht es Autoren, alternative Medienressourcen (z.B. verschiedene Audio- oder Videoformate) für Medienelemente wie <code><video></code> oder <code><audio></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="height: 16px; vertical-align: middle; width: 16px;" title="Neu in HTML5"></a></td> + <td>Hiermit können zusätzliche Medienspuren (z.B. Untertitel) für Elemente wie <code><video></code> oder<em><code><audio></code></em> 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="height: 16px; vertical-align: middle; width: 16px;" 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><area></code>-Element eine <em>Image Map</em>.</td> + </tr> + <tr> + <td>{{ HTMLElement("area") }}</td> + <td>Definiert in Verbindung mit dem <code><map></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="height: 16px; vertical-align: middle; width: 16px;" 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="height: 16px; vertical-align: middle; width: 16px;" 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 Gruppe der Tabellenzeilen, die die <em>Beschriftungen</em> der Tabellenspalten enthalten.</td> + </tr> + <tr> + <td>{{ HTMLElement("tfoot") }}</td> + <td>Markiert die Gruppe der Tabellenzeilen, die die <em>Zusammenfassungen</em> der Tabellenspalten 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<em>Formular.</em> 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<em>Gruppe von Kontrollelementen.</em></td> + </tr> + <tr> + <td>{{ HTMLElement("legend") }}</td> + <td>Kennzeichnet eine Beschriftung für ein <code><fieldset></code>-Element.</td> + </tr> + <tr> + <td>{{ HTMLElement("label") }}</td> + <td>Kennzeichnet die <em>Beschriftung</em> für ein Formular-Kontrollelement (z.B. Texteingabefelder).</td> + </tr> + <tr> + <td>{{ HTMLElement("input") }}</td> + <td>Steht für ein <em>Feld für Benutzereingaben</em> eines bestimmten Typs. Der Typ (Radiobutton, Ankreuzfeld, Texteingabe, etc.) wird anhand des <code>type</code>-Attributs angegeben.</td> + </tr> + <tr> + <td>{{ HTMLElement("button") }}</td> + <td>Markiert einen<em>Button</em> .</td> + </tr> + <tr> + <td>{{ HTMLElement("select") }}</td> + <td>Kennzeichnet ein Kontrollelement, mit dem aus einer Reihe von <em>Optionen</em> ausgewählt werden kann.</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="height: 16px; vertical-align: middle; width: 16px;" 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 logisch gruppierter <em>Auswahloptionen</em>.</td> + </tr> + <tr> + <td>{{ HTMLElement("option") }}</td> + <td>Steht für eine <em>Auswahloption</em> innerhalb eines <code><select></code>-Elements, oder einen Vorschlag innerhalb eines <code><datalist>-</code>Elements.</td> + </tr> + <tr> + <td>{{ HTMLElement("textarea") }}</td> + <td>Markiert ein Element für<em>mehrzeilige Texteingaben</em> .</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="height: 16px; vertical-align: middle; width: 16px;" title="Neu in HTML5"></a></td> + <td>Steht für ein Kontrollelement zur Erzeugung eines<em>Paares aus öffentlichem und privaten Schlüssel</em> 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="height: 16px; vertical-align: middle; width: 16px;" title="Neu in HTML5"></a></td> + <td>Markiert das<em>Ergebnis einer Berechnung</em> .</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="height: 16px; vertical-align: middle; width: 16px;" title="Neu in HTML5"></a></td> + <td>Ein Element zur<em>Fortschrittsanzeige</em> 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="height: 16px; vertical-align: middle; width: 16px;" title="Neu in HTML5"></a></td> + <td>Steht für eine<em>Messskala</em> (oder deren Teilwerte) innerhalb eines bekannten Bereichs.</td> + </tr> + </tbody> +</table> + +<h2 id="Interaktive_Elemente">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="height: 16px; vertical-align: middle; width: 16px;" title="Neu in HTML5"></a></td> + <td>Markiert ein Kontrollelement, mit dem der Benutzer<em>zusätzliche Informationen</em> 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="height: 16px; vertical-align: middle; width: 16px;" title="Neu in HTML5"></a></td> + <td>Kennzeichnet eine<em>Zusammenfassung</em> oder eine<em>Legende</em> für ein bestimmte <code><details></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="height: 16px; vertical-align: middle; width: 16px;" title="Neu in HTML5"></a></td> + <td>Kennzeichnet einen<em>Befehl</em> , 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="height: 16px; vertical-align: middle; width: 16px;" title="Neu in HTML5"></a></td> + <td>Markiert eine<em>Liste mit Befehlen</em> .</td> + </tr> + </tbody> +</table> + +<h2 id="Siehe_auch">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> |