HTML5-Elemente
lima-city → Forum → Sonstiges → Spam und sonstiges Unvergütetes
absatz
annotation
auswahlliste
bereich
definition
dialog
dokument
element
formular
grafik
gruppe
http
inhalt
liste
objekt
tabelle
text
url
verweis
webseite
-
Jeder, der programmiert, verliert leicht die Uebersicht ueber die Vielzahl an Befehlen und bei HTML eben ueber die vielen Elemente. Deshalb ist hier eine Liste aller HTML5-Elemente:
Nachfolgende Tabelle enthält eine Übersicht aller im HTML5-Standard vorgesehenen Elemente in alphabetischer Reihenfolge.
Element Bedeutung
<a> Verweis (Hyperlink) und Anker für Verweise
<abbr> Abkürzung
<address> Kontaktangabe zum Autor eines Inhalts (Credits)
<area> Verweis-sensitiver Bereich in einer Image-Map-Grafik
<article> Artikel (z.B. einer von mehreren Blog-Artikeln auf einer Seite)
<aside> Marginalbereich
<audio> Eingebettete Audio-Ressource (Musik, Podcast, usw.)
<b> Stilistische Hervorhebung im Text (üblicherweise fett dargestellt)
<base> Basis-URL für Referenzen
<bdo> Richtungsänderung bei bidirektionalem Text
<blockquote> Zitat in Form eines eigenen Textabsatzes
<body> Inhaltsbereich eines HTML-Dokuments
<br> Erzwungener Zeilenumbruch an der betreffenden Stelle
<button> Schaltfläche in einem Formular
<canvas> Bereich für scriptgesteuerte Grafik und/oder Interaktion
<caption> Tabellenüberschrift / -unterschrift
<cite> Zitat innerhalb eines Absatzes
<code> Quelltext-Auszug innerhalb eines Absatzes
<col> Tabellenspalte
<colgroup> Gruppe von Tabellenspalten
<command> Menübefehl
<datalist> Liste angebotener Einträge einer Kombobox in einem Formular
<dd> Definition, Beschreibung, detaillierter Inhalt zu einem dt-Element
<del> gelöschter Inhalt (Änderungsmarkierung)
<details> Erläuterung
<dfn> Definition innerhalb eines Absatzes
<div> Allgemeiner Bereich
<dl> Liste mit dt- und dd-Elementen, für Definitionslisten, Dialoge usw.
<dt> Zu definierender Ausdruck in einer Definitionsliste, Sprechername in einem Dialog usw.
<em> emphatischer Ausdruck innerhalb eines Absatzes (z.B. überspitzte Formulierung)
<embed> Eingebettetes Element, für das ein Plugin erforderlich ist
<fieldset> Gruppe von Elementen in einem Formular, Reiter in einem Dialog
<figcaption> Beschreibung einer Grafik
<figure> Grafik inklusive Beschreibung
<footer> Sichtbarer Fußbereich einer Webseite
<form> Formular, Dialog
<h1> - <h6> Überschrift 1. bis 6. Ordnung
<head> Kopfbereich eines HTML-Dokuments
<header> Sichtbarer Kopfbereich einer Webseite
<hgroup> Gruppe mehrerer ohne sonstigen Inhalt aufeinanderfolgender Überschriften
<hr> Trennlinie
<html> Dokumentelement von HTML-Dokumenten, schließt das gesamte Dokument ein
<i> spezieller Ausdruck im Text, z.B. Fachterminus oder Idiom (üblicherweise kursiv dargestellt)
<iframe> Eingebettetes Framefenster für beliebige andere Inhalte
<img> Referenzierte und eingebettete Grafik
<input> Formularelement, verwendbar für diverse Typen wie Eingabefelder, Schaltflächen, Auswahlfelder usw.
<ins> Eingefügter Inhalt (Änderungsmarkierung)
<kbd> Darstellung eines über Tastatur einzugebenden Textes im Text
<keygen> Generiert innerhalb eines Formulars mit Hilfe eines Hash-Algorithmus einen Schlüssel für sichere Datenübertragung
<label> Beschriftungstext eines Formularfeldes
<legend> Überschrift für eine fieldset-Gruppe von Elementen in einem Formular
<li> Listenpunkt in einer ul-, ol- oder menu-Liste
<link> Logische Beziehungen der aktuellen Webseite zu anderen Webseiten
<map> Bereich für verweis-sensitive Grafiken
<mark> als markiert hervorgehobener Text, z.B. für Fundstellen eines gesuchten Ausdrucks
<menu> Menüliste
<meta> Meta-Angabe für nicht im Inhalt sichtbare Dokumentinformationen oder für Anweisungen an den Webserver
<meter> Wert in einer bekannten Skala, z.B. Prozentangabe oder Celsius-Temperaturangabe
<nav> Navigationsbereich einer Webseite
<noscript> Bereich für Inhalte, die angezeigt werden, wenn JavaScript im Browser deaktiviert oder nicht verfügbar ist
<object> Eingebettetes Objekt, geeignet für spezielle Multimedia-Objekte, Java-Applets usw.
<ol> Geordnete (z.B. nummerierte) Liste
<optgroup> Gruppe von Auswahlmöglichkeiten in einer Auswahlliste
<option> Auswahlmöglichkeit in einer Auswahlliste
<output> Bereich für dynamisch erzeugte Ausgaben, z.B. von einem JavaScript
<p> Textabsatz
<param> Parameter eines Objekts bei object-Element
<pre> Präformatierter Text (alle Whitespace-Zeichen werden im Browser so dargestellt wie im Text enthalten)
<progress> Element für Fortschrittsbalken einer Aktion, muss von JavaScript dynamisch versorgt werden
<q> Wörtliche Rede in einem Text
<rp> Umschließender Inhalt für Ruby-Annotationen
<rt> Inhalt von Ruby-Annotationen
<ruby> Bereich für Ruby-Annotationen
<samp> Beispieltext in einem dokumentierenden Text
<script> Scriptbereich für JavaScript und andere Scriptsprachen
<section> Logischer Bereich, z.B. Kommentarbereich
<select> Auswahlliste in einem Formular
<small> kleiner dargestellter Text als Normalschrift
<source> Für alternative Ressourcen innerhalb eines audio- oder video-Elements
<span> allgemeiner Bereich innerhalb eines Absatzes
<strong> stark betonter Inhalt im Text
<style> Bereich für Stylesheet-Definitionen, z.B. in CSS
<sub> Tiefgestellter Text
<sup> Hochgestellter Text
<table> Tabelle
<tbody> Tabellenkörper mit den eigentlichen Daten
<td> Tabellenzelle
<textarea> Mehrzeiliger Eingabebereich in einem Formular
<tfoot> Fußbereich in einer Tabelle, z.B. für summarische Daten
<th> Tabellenkopfzelle
<thead> Kopfbereich einer Tabelle
<time> Datums-/Zeitangabe
<title> Titel eines HTML-Dokuments
<tr> Tabellenzeile
<ul> Unsortierte Liste (Aufzählungsliste)
<var> Variabler Name in einem dokumentierenden Text
<video> Eingebettete Video-Ressource
Eine ausfuehrliche HTML-Elementreferenz findet man auch unter:
http://de.selfhtml.org/html/referenz/elemente.htm
Ausserdem ist hier noch ein Link fuer die VisiBone Web Designer's HTML Card und dem Cascading Style Sheets 1.0:
http://www.digilife.be/quickreferences/quickrefs.htm -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Keine Diskussionsgrundlage, deshalb verschoben nach Spam.
-
Außerdem 1:1 kopiert von hier - ohne diese Quelle zu nennen...
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
