HTML/Attribute

Diese HTML-Attributs-Referenz enthält wichtige Übersichten, die im beschreibenden Teil der Dokumentation in dieser Vollständigkeit nicht möglich sind. Der Abschnitt eignet sich nur zum Nachschlagen, nicht zum Einarbeiten in die Materie.

Beachten Sie: Die Angaben beziehen sich ausschließlich auf HTML5, auf Unterschiede zu älteren HTML-Versionen wird nicht eingegangen.

Universalattribute

Universalattribute (englisch für global attributes) dürfen in allen Elementen vorkommen und haben eine universell konstante Rolle. Allerdings bleiben sie bei manchen Elementen ohne Wirkung.

• accesskey
• aria-*
• autocapitalize
• class
• closedby
• command
• commandfor
• contenteditable
• contextmenu

• dir
• draggable
• dropzone
• enterkeyhint
• hidden

• id
• inert
• inputmode
• itemprop
• lang
• nonce
• on* (Event-Handler)
• part
• popover
• popovertargetaction
• popovertarget

• role
• slot
• spellcheck
• style
• tabindex
• title
• translate
• writingsuggestions

Attribute (alphabetisch)

Universal-Attribute sind hervorgehoben.

A

• abbr
• accept
• accept-charset
• accesskey
• action
• alt
• aria-*
• aria-activedescendant
• aria-atomic
• aria-autocomplete
• aria-braillelabel
• aria-brailleroledescription
• aria-busy
• aria-checked
• aria-colcount
• aria-colindex
• aria-colindextext
• aria-colspan
• aria-controls
• aria-current
• aria-describedby
• aria-description
• aria-details
• aria-disabled
• aria-errormessage
• aria-expanded
• aria-flowto
• aria-haspopup
• aria-hidden
• aria-invalid
• aria-keyshortcuts
• aria-label
• aria-labelledby
• aria-level
• aria-live
• aria-modal
• aria-multiline
• aria-multiselectable
• aria-orientation
• aria-owns
• aria-placeholder
• aria-posinset
• aria-pressed
• aria-readonly
• aria-relevant
• aria-required
• aria-roledescription
• aria-rowcount
• aria-rowindex
• aria-rowindextext
• aria-rowspan
• aria-selected
• aria-setsize
• aria-sort
• aria-valuemax
• aria-valuemin
• aria-valuenow
• aria-valuetext
• async
• autocapitalize
• autocomplete
• autofocus
• autoplay
• autosave

B

• buffered

C

• capture
• charset
• checked
• cite
• class
• closedby
• cols
• colspan
• command
• commandfor
• content
• contenteditable
• contextmenu
• controls
• coords
• crossorigin

D

• datetime
• data
• data-* (custom data attributes)
• default
• defer
• dir
• dirname
• disabled
• download
• draggable
• dropzone

E

• elementtiming
• enctype
• enterkeyhint

F

• for
• form
• formaction

H

• headers
• height
• hidden
• high
• href
• hreflang
• http-equiv

I

• icon
• id (Universal-Attribut)
• inert
• inputmode
• ismap
• itemprop
• itemid
• itemref
• itemscope
• itemtype

K

• keytype
• kind

L

• label
• lang
• language
• list
• loading
• low

M

• manifest
• max
• maxlength
• media
• mediagroup
• method
• min
• multiple
• muted

N

• name
• nonce
• novalidate

O

• on* (Event-Handler)
• open
• optimum

P

• part
• pattern
• ping
• placeholder
• poster
• preload

R

• radiogroup
• readonly
• rel
• required
• reversed
• role
• rows
• rowspan

S

• sandbox
• scope
• scoped
• seamless
• selected
• shape
• size
• sizes (img, picture)
• sizes (link)
• span
• src
• srcdoc
• srclang
• srcset
• slot
• spellcheck
• start
• step
• style
• summary

T

• tabindex
• target
• title
• translate
• type (button)
• type (input)
• type (embed, object, source)
• type (script)
• type (link, style)

U

• usemap

V

• value
• volume

W

• webkitdirectory
• width
• wrap
• writingsuggestions

Attribut-Typen

Attribute können verschiedenen Typen zugeordnet werden, je nachdem, welchen Inhalt sie enthalten dürfen.

Boolesche Attribute

Boolesche Attribute können nur zwei Zustände angeben: wahr oder falsch. Das heißt, dass sie entweder vorhanden sind (entspricht dem Zustand wahr) oder eben nicht (entspricht dem Zustand falsch). Bei XML-konformer Schreibweise muss ein Attributwert notiert werden, weshalb laut Spezifikation entweder der kanonische Name (also der Attributname selbst) in Kleinschreibweise notiert wird oder ein leerer Wert (siehe die letzten beiden video-Elemente im folgenden Beispiel):

Boolesche Attribute

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Beispiel für Boolesche Attribute</title> </head> <body> <video></video> <!-- FALSCH --> <video controls></video> <!-- WAHR --> <video controls=""></video> <!-- WAHR --> <video controls="controls"></video> <!-- WAHR --> </body> </html>

Das Beispiel zeigt, welchen Wert das controls-Attribut des video-Elements angeben kann. Bei WAHR wird der Browser aufgefordert, ein Benutzer-Interface anzuzeigen. Bei FALSCH (Standardwert) passiert nichts.

Empfehlung: Der besseren Lesbarkeit wegen wird die zuerst genannte Schreibweise (entweder ist das Attribut vorhanden oder nicht) empfohlen.

Event-Handler

Früher wurden Event-Handler auch als HTML-Attribute verwendet. Nach den Grundsätzen des unobtrusive JavaScript sollen aber HTML-Markup und Scripte getrennt werden. Deshalb finden Sie Informationen über Ereignisbehandlung unter JavaScript/DOM/Events.

→ HTML/Tutorials/Element, Tag und Attribut