--- title: Algemene attributen slug: Web/HTML/Global_attributes tags: - Algemene attributen - Attribuut - HTML - Naslagwerk - Referentie - TopicStub - Web translation_of: Web/HTML/Global_attributes ---

Algemene attributen zijn attributen die kunnen worden toegepast op alle HTML-elementen, hoewel ze geen effect hebben op sommige elementen.

Algemene attributen kunnen worden toegepast op alle HTML-elementen, zelfs op elementen die niet worden gespecificeerd in de standaard. Dat betekent dat alle elementen die niet standaard zijn, deze attributen moeten toestaan, zelfs als deze elementen ervoor zorgen dat het document niet in overeenstemming is met HTML5. Browsers die in overeenstemming zijn met HTML5 verbergen bijvoorbeeld inhoud die is gemarkeerd als <foo hidden>...<foo>, ook al is <foo> geen geldig HTML-element.

Naast de fundamentele algemene attributen in HTML bestaan ook de volgende algemene attributen:

xml:lang en xml:base — deze zijn geërfd van de XHTML-specificaties en zijn verouderd, maar worden behouden voor compatibiliteitsdoeleinden.
De verschillende aria-*-attributen, die worden gebruikt om toegankelijkheid te verbeteren.
De gebeurtenis-attributen: onabort, onautocomplete, onautocompleteerror, onblur, oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncontextmenu, oncuechange, ondblclick, ondrag, ondragend, ondragenter, ondragexit, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onsort, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onvolumechange, onwaiting.

Beschrijving

accesskey

Verstrekt een hint voor het genereren van een sneltoets voor het huidige element. Dit attribuut bestaat uit een lijst van karakters die worden gescheiden met spaties. De browser zou het eerste karakter moeten gebruiken dat bestaat op de layout van het toetsenbord.

class

Is een lijst van klassen van het element, die worden gescheiden met spaties. Met klassen kunnen CSS en JavaScript specifieke elementen selecteren en benaderen via klasseselectoren of functies zoals de methode {{domxref("Document.getElementsByClassName()")}}.

contenteditable

Is een genummerd attribuut dat aanduidt of een element zou moeten kunnen worden bewerkt door de gebruiker. Als dat zo is, past de browser het onderdeel aan om bewerken toe te staan. Het attribuut moet één van de volgende waarden bevatten:

true of de lege string, die aanduidt dat het element bewerkbaar moet zijn;
false, die aanduidt dat het element niet bewerkbaar moet zijn.

contextmenu

Is het id van een {{HTMLElement("menu")}} om te gebruiken als het samenhangende menu voor dit element.

data-*

Vormt een klasse van attributen, genaamd aangepaste data-attributen, die ervoor zorgt dat eigendomsinformatie kan worden uitgewisseld tussen de HTML, en de representatie van zijn DOM dat door scripts kan worden gebruikt. Al die aangepaste data is beschikbaar via de {{domxref("HTMLElement")}}-interface van het element waarop het attribuut is ingesteld. De {{domxref("HTMLElement.dataset")}}-eigenschap geeft hen toegang.

dir

Is een genummerd attribuut dat de schrijfrichting aanduidt van de tekst van een element. Het attribuut kan de volgende waarden hebben:

ltr, wat left to right (links naar rechts) betekent en wat moet worden gebruikt voor talen die van links naar rechts zijn geschreven (zoals Nederlands);
rtl, wat right to left (rechts naar links) betekent en wat moet worden gebruikt voor talen die van rechts naar links zijn geschreven (zoals Arabisch);
auto, die de gebruikersagent laat beslissen. Deze waarde gebruikt een elementair algoritme. Het verwerkt de karakters binnen een element totdat het een karakter vindt met een duidelijke schrijfrichting, waarna het die schrijfrichting toepast op het gehele element.

draggable

Is een genummerd attribuut dat aanduidt of een element kan worden gesleept, door middel van de Drag and Drop API. Het kan de volgende waarden bevatten:

true, die aanduidt dat een element kan worden gesleept;
false, die aanduidt dat een element niet kan worden gesleept.

dropzone {{experimental_inline}}

Is een genummerd attribuut dat aanduidt welke soorten inhoud kunnen worden gedropt op een element, door middel van de Drag and Drop API. Het kan de volgende waarden bevatten:

copy, die aanduidt dat droppen een kopie aanmaakt van het element dat werd gesleept;
move, die aanduidt dat een element dat werd gesleept, wordt verplaatst naar deze nieuwe locatie;
link, die een link aanmaakt naar de gesleepte informatie.

hidden

Is een boolean-attribuut dat aanduidt dat een element nog niet, of niet langer relevant is. Het kan bijvoorbeeld worden gebruikt om elementen van een pagina te verbergen, die niet kunnen worden gebruikt totdat het inlogproces is voltooid. De browser rendert zulke elementen niet. Dit attribuut moet niet worden gebruikt om inhoud te verbergen die wel degelijk bestaansrecht heeft op de pagina.

id

Definieert een unieke identificatiekenmerk (ID) dat uniek moet zijn in het gehele document. Het doel van het attribuut is om het element te identificeren wanneer ernaar wordt gelinkt (met een fragment identifier), wanneer ernaar wordt verwezen in een script of wanneer er een stijl wordt gegeven aan een element (met CSS).

Opmerking: De volgende vijf attributen zijn onderdeel van de WHATWG HTML Microdata-functie.

itemid {{experimental_inline}}: Het unieke, algemene identificatiekenmerk van een item.
itemprop {{experimental_inline}}: Wordt gebruikt om eigenschappen toe te voegen aan een item. Aan elk HTML-element kan een itemprop-attribuut worden toegewezen, waarbij een itemprop bestaat uit een naam/waarde-paar.
itemref {{experimental_inline}}: Eigenschappen die niet geen nakomeling zijn van een element met het itemscope-attribuut kunnen worden verbonden met een item door middel van een itemref. Itemref verstrekt een lijst van element-id's (geen itemid's) met extra eigenschappen ergens anders in het document.
itemscope {{experimental_inline}}: Itemscope werkt (meestal) samen met itemtype om te specificeren dat HTML, dat in een block staat, over een bepaald item gaat. Itemscope maakt een item aan en definieert de scope van het itemtype dat ermee is verbonden. Itemtype is een geldige URL van een woordenlijst (zoals schema.org) dat een item en de context van zijn eigenschappen beschrijft.
itemtype {{experimental_inline}}: Specificeert de URL van de woordenlijst die gebruikt zal worden om itemprops (eigenschappen van een item) te definiëren in de informatiestructuur. Itemscope wordt gebruikt om de scope in te stellen van waar in de informatiestructuur de woordenlijst, die is ingesteld door itemtype, actief zal zijn.
lang: Participeert in het definieren van de taal van het element, de taal waarin niet-bewerkbare elementen zijn geschreven, of de taal waarin bewerkbare elementen zouden moeten worden geschreven. Het label bevat een enkele beginwaarde in het formaat dat is gedefinieerd in het IETF-document Labels voor het identificeren van talen (BCP47). xml:lang heeft hier prioriteit over.

slot {{experimental_inline}}: Wijst een slot toe aan een element in de shadow tree (schaduwboom) van de shadow DOM: Een element met een slot-attribuut wordt toegewezen aan het slot dat is aangemaakt door het {{HTMLElement("slot")}}-element, waarvan de waarden van de {{htmlattrxref("name", "slot")}}-attributen overeenkomen met die van het slot-attribuut.

spellcheck {{experimental_inline}}

Is een genummerd attribuut dat definieert of een element gecontroleerd kan worden op spellingsfouten. Het kan de volgende waarden bevatten:

true, die aanduidt dat het element, indien mogelijk, gecontroleerd wordt op spellingsfouten;
false, die aanduidt dat het element niet gecheckt moet worden op spellingsfouten.

style

Bevat stijldeclaraties van CSS die moeten worden toepast op het element. Het wordt echter wel aangeraden om de stijlen te definiëren in een apart bestand of aparte bestanden. Dit attribuut en het {{HTMLElement("style")}}-element hebben voornamelijk het doel om een stijl op een snelle manier toe te passen, bijvoorbeeld voor testdoeleinden.

tabindex

Is een attribuut dat gehele getallen bevat en dat aanduidt of een element kan worden gefocust, of het moet deelnemen aan opeenvolgende toetsenbordnavigatie, en als dat zo is, op welke positie. Het kan verschillende waarden bevatten:

een negatieve waarde betekent dat het element moet kunnen worden gefocust, maar dat het niet bereikbaar moet zijn in opeenvolgende toetsenbordnavigatie;
0 betekent dat het element moet kunnen worden gefocust en dat het bereikbaar moet zijn via opeenvolgende toetsenbordnavigatie, maar dat de relatieve volgorde wordt bepaald door de platformconventie;
een positieve waarde betekent dat het element moet kunnen worden gefocust en dat het bereikbaar moet zijn via opeenvolgende toetsenbordnavigatie. De relatieve volgorde wordt bepaald door attribuutwaarde. Hierbij wordt gekeken naar de toename in het nummer van de tabindex. Als meerdere elementen dezelfde tabindex hebben, wordt de volgorde bepaald door de relatieve positie die ze hebben in het document.

title

Bevat een tekst die adviserende informatie weergeeft over het element waar het bij hoort. Zulke informatie kan worden weergegeven in een tooltip.

translate {{experimental_inline}}

Is een genummerd attribuut dat wordt gebruikt om te specificeren of de attribuutwaarden van een element en de waarden van zijn {{domxref("Text")}}-nodekinderen moeten worden vertaald, of dat ze onveranderd moeten blijven. Het kan de volgende waarden bevatten:

lege string en "yes", die aanduidt dat het element wordt vertaald;
"no", die aanduidt dat het element niet wordt vertaald.

Specificaties

Specificatie	Status	Commentaar
{{SpecName('HTML WHATWG', "dom.html#global-attributes", "Global attributes")}}	{{Spec2('HTML WHATWG')}}	Sinds het laatste snapshot, {{SpecName('HTML5.1')}}, zijn `itemid`, `itemprop`, `itemref`, `itemscope`, en `itemtype` toegevoegd.
{{SpecName('HTML5.1', "dom.html#global-attributes", "Global attributes")}}	{{Spec2('HTML5.1')}}	Snapshot van {{SpecName('HTML WHATWG')}}. Sinds {{SpecName('HTML5 W3C')}} zijn `spellcheck`, `draggable`, en `dropzone` toegevoegd.
{{SpecName('HTML5 W3C', "dom.html#global-attributes", "Global attributes")}}	{{Spec2('HTML5 W3C')}}	Snapshot van {{SpecName('HTML WHATWG')}}. Sinds {{SpecName("HTML4.01")}}, is het concept van algemene attributen geïntroduceerd en `dir`, `lang`, `style`, `id`, `class`, `tabindex`, `accesskey`, en `title` zijn nu echte algemene attributen. `xml:lang`, die eerst onderdeel was van XHTML, is nu ook onderdeel van HTML. `hidden`, `data-*`, `contextmenu`, `contenteditable`, en `translate` zijn toegevoegd.
{{SpecName('HTML4.01')}}	{{Spec2('HTML4.01')}}	Er zijn geen algemene attributen gedefinieerd. Verschillende attributen, die algemene attributen zullen worden in opeenvolgende specificaties, zijn gedefinieerd op een subset van elementen. `class` en `style` worden ondersteund op alle elementen, behalve {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, en {{HTMLElement("title")}}. `dir` wordt ondersteund op alle elementen, behalve {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("bdo")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}}, en {{HTMLElement("script")}}. `id` wordt ondersteund op alle elementen, behalve {{HTMLElement("base")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, en {{HTMLElement("title")}}. `lang` wordt ondersteund op alle elementen, behalve {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}}, en {{HTMLElement("script")}}. `tabindex` wordt alleen ondersteund op {{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("button")}}, {{HTMLElement("object")}}, {{HTMLElement("select")}}, en {{HTMLElement("textarea")}}. `accesskey` wordt alleen ondersteund op {{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("button")}}, {{HTMLElement("input")}}, {{HTMLElement("label")}}, {{HTMLElement("legend")}} en {{HTMLElement("textarea")}}. `title` wordt ondersteund op alle elementen, behalve {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, en {{HTMLElement("title")}}.

Browsercompatibiliteit

Functie	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
`accesskey`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`class`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`contenteditable`	{{CompatVersionUnknown}}	{{CompatGeckoDesktop("1.9")}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`contextmenu`	{{CompatNo}}	{{CompatGeckoDesktop(9)}}	{{CompatNo}}	{{CompatNo}}	{{CompatNo}}
`data-*`	{{CompatVersionUnknown}}	{{CompatGeckoDesktop("6")}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`dir`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`draggable`	{{CompatVersionUnknown}}	{{CompatGeckoDesktop("1.8.1")}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`dropzone`	{{CompatUnknown}}	{{CompatNo}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
`hidden`	{{CompatVersionUnknown}}	{{CompatGeckoDesktop("2")}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`id`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`itemid`, `itemprop`, `itemref`, `itemscope`, `itemtype`	{{CompatUnknown}}	{{CompatVersionUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
`lang`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`spellcheck`	{{CompatVersionUnknown}}	{{CompatGeckoDesktop("1.8.1")}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`style`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`tabindex`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`title`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}

Functie	Android	Chrome for Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
`accesskey`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`class`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`contenteditable`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatGeckoMobile("1.9")}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatUnknown}}
`contextmenu`	{{CompatNo}}	{{CompatNo}}	{{CompatNo}}	{{CompatNo}}	{{CompatNo}}	{{CompatNo}}
`data-*`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatGeckoMobile("6")}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatUnknown}}
`dir`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatUnknown}}
`draggable`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatGeckoMobile("1.8.1")}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatUnknown}}
`dropzone`	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatNo}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
`hidden`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatGeckoMobile("2")}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`id`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`itemid`, `itemprop`, `itemref`, `itemscope`, `itemtype`	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatVersionUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
`lang`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`spellcheck`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatGeckoMobile("1.8.1")}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatUnknown}}
`style`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`tabindex`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`title`	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}

Zie ook

{{domxref("Element")}}- en {{domxref("GlobalEventHandlers")}}-interfaces waarmee de meeste algemene attributen kunnen worden opgevraagd.