Hypertext Markup Language

HTML strukturiert und verknüpft Texte durch semantische Auszeichnungen (Markup). XHTML wendet die strengen Regeln für wohlgeformte XML-Dokumente an und muss mit Content-Type: application/xhtml+xml ausgeliefert werden. Es führt jedoch keine neuen Elemente ein. Version 5 entledigt sich nach langem Stillstand der Altlasten von SGML und XML, definiert eine eigenständige Syntax und wird von der WHATWG kontinuierlich weiterentwickelt. Das W3C normt diese Vorlagen als Empfehlung.

Beispiel

hello.html

<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Hello</title>
		<meta charset="UTF-8">
	</head>
	<body>
		<p>Hello, World Wide Web!</p>
	</body>
</html>

Wurzel

Element Attribut Inhalt Beschreibung
html head body Wurzelelement
version Text HTML-Version
manifest Url Daten für Offline-Verwendung
title [base] Kopf
{link | meta | style | script}
profile Url Metadaten-Profil, wird nicht verwendet.
body Flow Inhalt der Seite
on…Script Ereignisse

Präambel

title Text Fenstertitel
base – Verweis auf übergeordnetes Dokument
href Url Präfix für relative Links
target _self Vordefinierter Anzeigebereich
_blank
_parent
_top
Name Benannter Anzeigebereich
– Ressource einbinden
href Url Ort der Ressource
rel stylesheet | icon | … Art der Ressource
rev Text Rückwärtige Beziehung
target _self | _blank | _parent | _top Vordefinierter Anzeigebereich
Name Benannter Anzeigebereich
charset UTF-8 | … Zeichensatz der Ressource
type text/css | image/ico | … MIME-Typ der Ressource
hreflang en | de | … Sprache der Ressource
media all | screen | print | … Einschränkung auf Medientyp
sizes PixelxPixel … Liste mit Icon-Größen für rel="icon"
crossorigin anonymous CORS-Modus für SOP…
use-credentials …und Kredentialien-Modus auf include setzen
nonce Text Kryptografische Einwegnummer für CSP
meta – Sonstige Metadaten
http-equiv Text Semantik aus dem Anwendungsprotokoll
default-style Name des bevorzugten Stylesheets
refresh Wartezeit in Sekunden bis zum Neuladen der Seite
content-language Sprache
content-type MIME-Typ
set-cookie HTTP-Cookie
name Name Was?
application-name Name der Web-Anwendung
author Name des Urhebers
description Menschenlesbare Beschreibung des Seiteninhalts
generator Name des Programms, mit dem die Seite erstellt wurde
keywords Kommaseparierte Liste mit Schlüsselwörtern
creator Name des Erstellers der Seite
publisher Name der Einrichtung
robots Mitteilungen an Web-Crawler
sluro Mitteilungen an den Crawler von Yahoo
googlebot Mitteilungen an den Crawler von Google
content Text Wert für name oder http-equiv
scheme Text | Url Format des Inhalts, zum Beispiel ISBN
charset UTF-8 | … Zeichenkodierung des Dokuments
style Text CSS-Eigenschaften
type text/css MIME-Typ
media all | screen | print | … Ausgabemedium einschränken
scoped Boolean Auf den Ast des Elternelenents einschränken
script PcData JavaScript-Code
for Id Komplexes Skript für ein Element
event onfocus | … Abhängig von Ereignis ausführen
language javascript Skriptsprache
src Url Skriptdatei
type text/javascript MIME-Typ der Skriptdatei
charset UTF-8 | … Zeichensatz der Skriptdatei
defer Boolean Erst ausführen, nachdem die Seite vollständig geladen ist
async Boolean Sofort ausführen, wenn die Skriptdatei vollständig geladen ist
nonce Text Kryptografische Einwegnummer
noscript {link | meta | style} Alternativer Inhalt für Navigatoren ohne Skript-Unterstützung
nextid – Hilfe für HTML-Editoren
n Number Zieldokument
basefont – Brotschrift
size Number Schriftgröße von 1 bis 7
face String Schriftfamilie
color Color Schriftfarbe

Gliederung

Überschriften
h1…h6 Phrasing Überschriften für Abschnitte
align left | center | right | justify Ausrichtung
Absätze
p Phrasing Absatz
align left | right | center | justify Linksbündig, rechtsbündig, zentriert oder Blocksatz
pre Phrasing Präformatierter Text, zum Beispiel Quellcode
width Number Spaltenbreite
blockquote Phrasing Zitierter Text
cite Url Verweis auf die Quelle
xmp Phrasing Präformatiertes Beispiel
listing Phrasing Präformatierter Quellcode
plaintext Phrasing Präformatierter Klartext
center Phrasing Zentrierter Inhalt
Abschnitte
address Flow Kontaktinformationen des Autors
div Flow Gruppierung, falls nichts anderes passt
align left | center | right | justify Ausrichtung
main Flow @todo
header Flow Vorspann, zum Beispiel Versionshistorie
footer Flow Nachspann, zum Beispiel Autor und Hinweise zum Copyright
nav Flow Navigation, zum Beispiel zum Inhaltsverzeichnis, vorherige und nächste Seite
aside Flow Randleiste mit wenig Bezug zum Thema der Seite
article Heading {section}Eigenständiges Werk
section Heading Abschnitt mit Überschrift
Gleitobjekt
figure figcaption Abbildung
figcaption Phrasing Bildunterschrift
Trenner
hr – Trennlinie für thematischen Wechsel
size Pixel Höhe
width Pixel Breite
align left | center | right Ausrichtung
noshade Boolean Schatten

Listen

Aufzählung
dir li Dateiliste
compact Boolean Weniger Abstand zwischen Elementen
menu li Auswahlliste ohne Schachtelung
compact Boolean Weniger Abstand zwischen Elementen
ul {li} Ungeordnete Liste
compact Boolean Weniger Abstand zwischen Elementen
type disc | square | circle Aufzählungszeichen
ol {li} Geordnete Liste
compact Boolean Weniger Abstand zwischen Elementen
type 1 | a | A | i | I Nummerierungsschema
start Number Zählung woanders beginnen
reversed Boolean Rückwärts zählen
li Flow Listenelement
value Text Neue Zählung
type 1 | a | A | i | I Nummerierungsschema
Definition
dl {dt dd} Definitionsliste mit Begriff und Beschreibung
compact Boolean Weniger Abstand zwischen Elementen
dt Phrasing Begriff
dd Flow Beschreibung

Tabellen

Global
table [caption] [colgroup] Tabelle bestehend aus Zeilen und Spalten
[thead] {tbody} [tfoot] | {tr} Gliederung der Tabelle
align left | center | right Ausrichtung
width Pixel Gesamtbreite
border Pixel Rahmenbreite
cellpadding Pixel Abstand innerhalb der Zelle
cellspacing Pixel Abstand zwischen Zellen
frame void Sichtbare Rahmen: Keine, …
above | below | hsides | vsides Oben, unten, oben&unten oder links&rechts
lhs | rhs | box | border Links, Rechts, Rundherum
rules none | groups | rows | cols | all Trennlinien
summary Text Zusammenfassung für Sehbehinderte
caption Flow Tabellenunterschrift
align top | bottom | left | right Ausrichtung
colgroup {col | Template} Spaltenformate
span Number Spaltenzahl in der Gruppe
… Alle Spaltenattribute
col – Spaltenformat
span Number Spaltenzahl
width Pixel Spaltenbreite
valign top | middle | bottom | baseline Vertikale Ausrichtung der Zellen
align left | center | right | justify Horizontale Ausrichtung der Zellen
char Ausrichtung an einem Zeichen
char Character Ausrichtungszeichen
charoff Number Position des Ausrichtungszeichen
Gruppierung
thead {tr} Kopfzeilen
tbody {tr} Körperzeilen
tfoot {tr} Fusszeilen
tr {td | th} Zeile mit Zellen
valign top | middle | bottom | baseline Vertikale Ausrichtung
align left | center | right Horizontale Ausrichtung
justify | char Blocksatz oder am Ausrichtungszeichen
char Character Ausrichtungszeichen
charoff Pixel Position des Ausrichtungszeichen
bgcolor Color Hintergrundfarbe
Zellen
th Phrasing Kopfzelle
colspan Number Spaltenzahl
rowspan Number Zeilenzahl
headers IdRef Liste von Kopfzellen
scope row | col | rowgroup | colgroup Geltungsbereich
abbr Text Zusammenfassung
td Phrasing Zelle
colspan Number Spaltenzahl
rowspan Number Zeilenzahl
headers IdRef Liste von Kopfzellen
width Pixel Zellenbreite
height Pixel Zellenhöhe
nowrap Boolean Kein Zeilenumbruch
valign top | middle | bottom | baseline Vertikale Ausrichtung
align left | center | right Horizontale Ausrichtung
justify | char Blocksatz oder am Ausrichtungszeichen
char Character Ausrichtungszeichen
charoff Pixel Position des Ausrichtungszeichen
axis Text Kategorisierung
bgcolor Color Hintergrundfarbe

Phrasing

Daraus bestehen Absätze.

Hyperlink
a Transparent Verweis
href Url Ziel
hreflang en | de | … Sprache des Zieldokuments
type text/html | … MIME-Typ des Zieldokuments
target _self | _blank | _parent | _top Vordefinierter Anzeigebereich
Name Benannter Anzeigebereich
media all | screen | print | … Einschränkung auf bestimmte Ausgabemedien
rel author | … Beziehung zum Verweisziel
rev made Rückwärtsverknüpfung
name Name Ankermarke für Verweise innerhalb des Dokuments
charset UTF-8 | … Zeichensatz des Zieldokuments
shape rect | circle | poly | default Formen
coords Number, … Kommaseparierte Liste mit Koordinaten
accesskey Character Tastenkürzel zur Fokussierung
tabindex Number Reihenfolge für die Tabulatortaste
download String Dateiname für herunterladbare Ressource
ping Url Ressource benachrichtigen, wenn der Anwender dem Verweis folgt
Betonung
em Phrasing Passive Betonung
strong Phrasing Aktive Betonung
small Phrasing Kleingedrucktes
s Phrasing Gestrichen
cite Phrasing Quellenreferenz
q Phrasing Wörtliches Zitat
cite Url Quelle
Semantische Auszeichnung
dfn Phrasing Definition eines Begriffs
title Text Definierter Begriff
acronym Phrasing Akronym
abbr Phrasing DBA
title Text Expansion des Akronyms
data Phrasing Repräsentation von Daten
value Text Maschinenlesbarer Wert
time Phrasing Zeitpunkt,
datetime Date Maschinenlesbarer ISO-Zeitstempel
var Phrasing Variable, Konstante oder Parameter
kbd Phrasing Benutzereingabe
code Phrasing Codefragment oder Dateiname
samp Phrasing Beispielausgabe
sub Phrasing Tiefgestellt
sup Phrasing Hochgestellt
mark Phrasing Textmarker
Optische Auszeichnung
i Phrasing Kursiv
b Phrasing Fett
u Phrasing Unterstrichen
tt Phrasing Dicktengleich
big Phrasing Grössere Schrift
strike Phrasing Durchgestrichen
font Phrasing Schrift
size Number Schriftgröße von 1 bis 7
face String Schriftfamilie
color Color Schriftfarbe
Internationalisierung
ruby {rtc | rt | rb} [rp] Anmerkungensmarker
rtc {rt | Phrasing} Container Annotation
rt Phrasing Annotation
rb Phrasing Annotierter Inhalt
rp Phrasing Alternativtext für alte Navigatoren
bdi Phrasing Vom umgebenden Text isolierte Schreibrichtung
bdo Phrasing Manuell festgelegte Schreibrichtung
dir ltr | rtl Ausgabe von links nach rechts oder von rechts nach links
span Phrasing Unspezifischr Container
br – Manueller Zeilenumbruch
clear left | all | right | none Textfluss
wbr – Optionaler Zeilenumbruch
Änderungshistorie
ins Transparent Eingefügter Text
cite Url Quelle
datetime Date Zeitpunkt als Datum im ISO-Format
del Transparent Gelöschter Text
cite Url Quelle
datetime Date Zeitpunkt als Datum im ISO-Format

Embedded

img – Pixelgrafik anzeigen
src Url Bilddatei
alt Text Beschreibung
ismap Boolean Serverseitige Linkbereiche
usemap Name Verweisbereiche
width Pixel Breite
height Pixel Höhe
border Pixel Rahmen
hspace Pixel Seitlicher Abstand
vspace Pixel Abstand nach oben und unten
align top | middle | bottom | left | right Ausrichtung
name Name Ankermarke
longdesc Url Beschreibung für Sehbehinderte
crossorigin anonymous | use-credentials CORS-Modus
loading lazy Datei erst laden wenn sichtbar
applet – Java-Anwendung einbetten
name Name Ankermarke
object Url Programm
alt Text Alternativtext
code Text Klassendatei
archive Text, … Archivdateien, zum Beispiel JAR
codebase Url Arbeitsverzeichnis
align top | middle | bottom | left | right Ausrichtung
width Pixel Breite
height Pixel Höhe
hspace Pixel Seitlicher Abstand
vspace Pixel Abstand nach oben und unten
iframe Flow Dokument einbetten
src Url Dokument
name Name Ankermarke für Verweise mit target
width Pixel Breite
height Pixel Höhe
align top | middle | bottom | left | right Ausrichtung
marginwidth Pixel Horizontaler Abstand
marginheight Pixel Vertikaler Abstand
frameborder 1 | 0 Rahmen anzeigen
scrolling auto | yes | no Rollbalken anzeigen
longdesc Url Ausführliche externe Beschreibung
srcdoc Url Dokument für Sandbox an Stelle von src
sandbox allow-forms Formulare erlauben
allow-pointer-lock Einfangen des Mauszeigers erlauben
allow-popups Popup-Fenster erlauben
allow-same-origin Inhalte wie lokal behandeln
allow-scripts Ausführung von Skripten erlauben
allow-top-navigation Zugriff auf Navigation erlauben
allow-presentation @todo
seamless Boolean Keinen Rand anzeigen
embed – Multimedia-Objekt einbetten
src Url Objekt
type audio/* | video/* | … MIME-Typ des Objekts
width Pixel Breite
height Pixel Höhe
noembed Phrasing Ersatzinhalt für das Multimedia-Objekt
object {param} Multimedia-Objekt einbetten
data Url Objekt
name Name Ankermarke für Verweise mit target
type ContentType MIME-Typ der Datenquelle
width Pixel Breite
height Pixel Höhe
usemap Name Verweisbereiche
border Pixel Rahmenbreite
classid Url @todo
archive Url[, …] Kommaseparierte Liste mit JAR-Dateien
codetype ContentType MIME-Typ des Quelltextes
codebase Url Basis für relative Verweise in data, classid und archive
declare Boolean Laden aber nicht initialisieren
standby Text Meldung während des Ladens
form IdRef @todo Verweis auf Formular-Eigentümer
typemustmatch Boolean Exakter MIME-Typ erforderlich
param – Parameter für Objekte
name Name Ankermarke
value Text Wert
type ContentType MIME-Typ
valuetype data | ref | object Interpretation
video {source | track} Eingebettetes Video
src Url Videodatei
poster Url Standbild
width Pixel Breite
height Pixel Höhe
controls Boolean Bedienelemente anzeigen
autoplay Boolean Sofort abspielen
loop Boolean Zyklisch abspielen
muted Boolean Stumm schalten
preload auto
none
metadata
crossorigin anonymous | use-credentials CORS-Modus
mediagroup Text Medienelemente zusammenfassen
audio {source | track} Eingebettete Audiodaten
src Url Audiodatei
controls Boolean Bedienelemente anzeigen
autoplay Boolean Sofort abspielen
loop Boolean Zyklisch abspielen
muted Boolean Stumm schalten
preload none
metadata
auto
crossorigin anonymous | use-credentials CORS-Modus
mediagroup Text Medienelemente zusammenfassen
picture {source} [img]Eingebettete Bilddaten
srcset Url @todo
source – Alternative Quellen
src Url Audio- oder Videodatei
type ContentType MIME-Typ
media all | screen | print | … Einschränkung auf Medientyp
track – Textspur für Media-Element
kind subtitles Untertitel
captions Anmerkungen
descriptions Beschreibung für Blinde
chapters Kapitelüberschrift für Navigation
metadata Daten für Skripte
src Url Textspur
srclang en | de | … Sprache der Textspur
label Text Titel
default Boolean Vorauswahl
map {area} Sensitive Bereiche für Bilder in img, object und input
name Name Ankermarke für Verweise
area – Ausschnitt für verweissensitive Grafik
alt Text Kurzbeschreibung des Verweisziels
href Url Verweisziel
shape default | rect | circle | poly Form
coords Number, … Kommaseparierte Liste mit Koordinaten je nach Form
nohref Boolean Kein Verweisziel angegeben
name String Ankername
accesskey Character Tastenkürzel zur Fokussierung
tabindex Number Reihenfolge für die Tabulatortaste
target _self | _blank | _parent | _top Vordefinierter Anzeigebereich
Name Benannter Anzeigebereich
rel stylesheet | icon | … Art der Ressource
download String Dateiname für herunterladbare Ressource
hreflang en | de | … Sprache der Ressource
rel stylesheet | icon | … Art der Ressource
media all | screen | print | … Ausgabemedien
math <xml:mathml> Mathematische Formeln
svg <xml:svg> Skalierbarke Vektorgrafik
canvas Transparent Dynamischer Malbereich
width Pixel Breite
height Pixel Höhe

Formulare

Rahmen
isindex – Texteingabe für Suche
prompt Text Labeltext
form {fieldset | *} Eingabeformular
name Name Ankermarke
action Url CGI-Programm
method GET | POST HTTP-Methode
enctype application/x-www-form-urlencoded URL-kodiert mit &name=value Paaren
application/json W3C HTML JSON form submission
multipart/form-data Dateien als MIME-Part kodiert
text/plain Dateien im Klartext
target _self | _blank | _parent | _top Vordefinierter Anzeigebereich
Name Benannter Anzeigebereich
accept-charset UTF-8 | … Unterstüzte Zeichenkodierungen
accept text/plain | … Akzeptierte MIME-Typen
autocomplete on | off Autovervollständigung
novalidate Boolean Validation beim Senden
fieldset legend *
Kastenfür Formularfelder
name Name Ankername
form IdRef Zuordnung zu einem Formular
disabled Boolean Ausgegraut
legend Text Überschrift für Kasten
align left | top | right | bottom Ausrichtung
accesskey Character Tastenkürzel zur Fokussierung
label Phrasing Erläuterung zu einem Eingabefeld
accesskey Character Tastenkürzel zur Fokussierung
for IdRef Zugeordnetes Eingabefeld
form IdRef Übergeordnetes Formular
Eingabefeld
input – Eingabefeld für alles Mögliche
name Name Ankermarke für Radio- und Checkbutton-Gruppen
value Text Vorbesetzung
accesskey Character Tastenkürzel zur Fokussierung
tabindex Number Reihenfolge für die Tabulatortaste
disabled Boolean Ausgegraut
readonly Boolean Keine Eingabe
required Boolean Pflichtfeld, muss ausgefüllt werden
autofocus Boolean Element nach dem Laden fokussieren
autocomplete on | off Autovervollständigung
list IdRef Verweis auf Kombobox-Daten
type hidden Versteckte Parameterübergabe
Knopf
type button
type reset
type file
accept audio/* | … | .Extension Erlaubte MIME-Typen oder Dateiendungen
multiple Boolean Mehrfachauswahl
type image
src Url Quelldatei für Bildeingaben
alt Text Alternativtext
width Pixel Bildbreite für Typ image
height Pixel Bildhöhe für Typ image
ismap Boolean Serverseitige Linkbereiche
usemap Name Verweisbereiche
type submit
form IdRef Verweis auf das zugehörige Formular
formaction Url CGI-Programm
formmethod POST | PUT | … HTTP-Methode beim Senden
formenctype application/x-www-form-urlencoded URL-kodiert mit &name=value Paaren
multipart/form-data Datei als MIME-Part kodiert
text/plain Datei im Klartext
formnovalidate Boolean Validierung ausschalten
formtarget Name Anzeigebereich
Häkchen
type checkbox Aktivieren
radio Auswählen
checked Boolean Zustand von Radio- und Checkbox
Text
type text
password
search
url
email
tel
size Number Anzahl angezeigter Zeichen
minlength Number Untergrenze
maxlength Number Obergrenze
pattern Regex @todo Muster für Validierung
placeholder Text
dirname ….dir Schreibrichtung für die Suche
Datum und Uhrzeit
type datetime
datetime-local
time
date
month
week
type number Exakte Zahl
range Ungefähre Zahl
color Farbe
min Number Kleinster erlaubter Wert
max Number Größter erlaubter Wert
step any | Number Schrittweite für Typ datetime
Widgets
button Phrasing Knopf mit Inhalt
name Name Parametername
value Text Parameterwert
disabled Boolean Ausgegraut
type button
reset
submit
accesskey Character Tastenkürzel zur Fokussierung
tabindex Number Reihenfolge für die Tabulatortaste
autofocus Boolean Vorauswahl
form IdRef Verweis auf das zugehörige Formular
formaction Url CGI-Programm
formmethod POST | PUT | … HTTP-Methode beim Senden
formenctype application/x-www-form-urlencoded URL-kodiert mit &name=value Paaren
multipart/form-data Datei als MIME-Part kodiert
text/plain Datei im Klartext
formnovalidate Boolean Validierung ausschalten
formtarget Name Anzeigebereich
select {optgroup | option}
name Name Parametername
size Number Breite in Zeichen
multiple Boolean Mehrfachauswahl
disabled Boolean Ausgegraut
autofocus Boolean Vorauswahl
required Boolean Senden
form IdRef Verweis auf das zugehörige Formular
datalist {option} für <input list="IdRef"/>
optgroup {option} Gruppierung von Elementen
label Text Überschrift
disabled Boolean Ausgegraut
option Text Inhalt
label Text Beschriftung
value Text Parameterwert
selected Boolean Vorauswahl
disabled Boolean Ausgegraut
textarea Text
name Name Parametername
rows Number Höhe in Zeilen
cols Number Breite in Zeichen
readonly Boolean Keine Eingabe
disabled Boolean Ausgegraut
accesskey Character Tastenkürzel zur Fokussierung
tabindex Number Reihenfolge für die Tabulatortaste
autofocus Boolean Element nach dem Laden fokussieren
autocomplete on | off Autovervollständigung
minlength Number Untergrenze
maxlength Number Obergrenze
dirname ….dir Schreibrichtung
form IdRef Verweis auf das zugehörige Formular
placeholder Text Platzhaltertext
required Boolean Pflichtfeld, muss ausgefüllt werden
keygen – Schlüsselpaar-Generator
name Name Ankername
form Name Zuordnung zu einem Formular
disabled Boolean Ausgegraut
autofocus Boolean Vorauswahl
challenge Text Opak
keytype rsa Algorithmus
output Phrasing Ergebnis einer Berechnung wie 3.14159
name Name Ankername
form Name Zuordnung zu einem Formular
for IdRef Zugeordnetes Eingabefeld
progress Phrasing
value Number Aktueller Wert
max Number Maximaler Wert
meter Phrasing
value Number Aktueller Wert, Default 0
min Number Minimaler Wert, Default 0
max Number Maximaler Wert, Default 1.0
low Number Untere Grenze
high Number Obere Grenze
optimum Number Optimaler Abschnitt
details summary
Zusammenfassung mit Zusatzinformationen
open Boolean
Ausgeklappt mit Zusatzinformationen
summary Phrasing Zusammenfassung immer angezeigen
dialog Flow Fenster für Frage an den BenutzerJa/Nein?
open Boolean Zeigt den Dialog sofort an.
{li} | {menu | menuitem | hr} Werkzeug- oder Menüleiste
label Text Beschriftung
type toolbar Werkzeugleiste
list Menüleiste
context Kontextmenü
– Menüpunkt
type command | checkbox | radio Art des Kommandos
label Text Beschriftung
icon Url Ikone
disabled Boolean Ausgegraut
checked Boolean Zustand von Radio- und Checkbox
radiogroup Text Gruppierung für Radioknöpfe
default Boolean Markierung für das Standardkommando
command IdRef Definition des Kommandos

Universalattribute

Alle Elemente
id Id Bezeichner für Verweise
class {Name} CSS-Klassen
style Text CSS-Eigenschaften
title Text Beschriftung, zum Beispiel für Tooltip
dir auto | ltr | rtl Schreibrichtung
lang en | de | … Sprache des Textinhalts
translate yes | no Textinhalt automatisch übersetzen
spellcheck true | false Rechtschreibprüfung aktivieren
contenteditable true | false Anwender darf Inhalt des Elements bearbeiten
accesskey Text Tastenkürzel zur Fokussierung
tabindex Number Reihenfolge für die Navigation per Tastatur
draggable auto | true | false Element kann Daten per Drag&Drop abgeben
dropzone copy | move | link Element kann Daten per Drag&Drop aufnehmen
contextmenu @todo Element erhält eigenes Kontextmenü, siehe menu
hidden Boolean Element wird nicht dargestellt
role @todo Hilfe für assistive Techniken
aria-* @todo ARIA-Regeln
data-* @todo Eigene Attribute definieren

Ereignisse

Maus-Ereignisse
onclick Script Element wurde per Mausklick aktiviert
ondblclick Script Element wurde per Doppelklick aktiviert
onmousedown Script Maustaste wurde gedrückt
onmousemove Script Maus wurde bewegt
onmouseout Script Maus hat Element verlassen
onmouseover Script Maus hat Element betreten
onmouseup Script Maustatse wurde losgelassen
onmousewheel Script Scrollrad wurde gedreht
oncontextmenu Script Kontextmenü wurde aktiviert (per Rechtklick)
ondrag Script
ondragend Script
ondragenter Script
ondragleave Script
ondragover Script
ondragstart Script
ondrop Script
Tastatur-Ereignisse
onkeypress Script Taste wurde gedrückt
onkeydown Script Taste wurde heruntergedrückt
onkeyup Script Taste wurde losgelassen
Audio/Video-Ereignisse
onplay Script Abspiel-Taste wurde gedrückt
onplaying Script
onpause Script Pause-Taste wurde gedrückt
oncanplay Script Abspielbereit
oncanplaythrough Script Vollständig geladen
ondurationchange Script
onended Script Vollständig abgespielt
onseeked Script Suchlauf-Taste wurde gedrückt
onseeking Script
onloadeddata Script
onloadedmetadata Script
onvolumechange Script Lautstärkeregler wurde betätigt
Dokument-Ereignisse
onload Script Ladevorgang fertig
onloadstart Script Ladevorgang gestartet
onerror Script Ladevorgang fehlerhaft
onabort Script Ladevorgang abgebrochen
onbeforeunload Script Seite wird geschlossen
onunload Script Seite wurde geschlossen
onfocus Script Fenster hat Fokus erhalten
onblur Script Fenster hat Fokus verloren
onscroll Script Fenster wurde gerollt
onresize Script Fenstergröße hat sich geändert
onpageshow Script Seite wird in Historie besucht
onpagehide Script Seite wird in Historie verlassen
onpopstate Script Seite wird in Historie ausgewählt
onoffline Script Netzwerk wurde getrennt
ononline Script Netzwerk wurde verbunden
onundo Script Aktion wurde rückgängig gemacht
onredo Script Aktion wurde wiederholt
onbeforeprint Script Drucken gestartet
onafterprint Script Drucken fertig
onhashchange Script Fragment geändert
onmessage Script Nachricht eingetroffen
onstorage Script Änderungen am persistenten Speicher
onreadystatechange Script AJAX Statusänderung
Formular-Ereignisse
onsubmit Script Formular wurde gesendet
onreset Script Formular wurde zurückgesetzt
onfocus Script Fokus erhalten
onblur Script Fokus verloren
onchange Script Element wurde geändert und verliert Fokus
onemptied Script
onerror Script
onformchange Script
onforminput Script
oninput Script
oninvalid Script
onprogress Script
onratechange Script
onselect Script Option wurde ausgewhält
onshow Script
onstalled Script
onsubmit Script Submit-Knopf wurde gedrückt
ontimeupdate Script
onwaiting Script

Literatur