accesskey-attribuut
Het accesskey-attribuut geeft een toets aan waarmee het element geactiveerd kan worden. Bij een hyperlink wordt de koppeling bijvoorbeeld gevolgd, bij een verzendknop wordt het formulier bijvoorbeeld verzonden, enzovoort. De gebruiker kan zo met het toetsenbord de webpagina besturen.
Een toets wordt aangegeven door een enkel karakter. Het attribuut is niet hoofdlettergevoelig. Meerdere toetsen mogen worden gescheiden door spaties zodat de gebruiker kan kiezen (bijvoorbeeld afhankelijk van wat op zijn toetsenbord beschikbaar is aan toetsen).
Op Windows-systemen moet de toets meestal worden gecombineerd met Alt, op Macintosh-systemen met Ctrl. Sommige browsers hebben een ander systeem. Het is verstandig het bestaan van de sneltoets in de tekst te vermelden, want anders komt de bezoeker doorgaans niet te weten dat de sneltoets bestaat.
accesskey="…"
class-attribuut
Het class-attribuut mag op alle stijlbare elementen worden toegepast om te definiëren onder welke klassen het element valt. Deze klassen kunnen vervolgens met CSS worden opgemaakt en die opmaak geldt dan voor alle elementen uit die klasse. Meerdere klassen kunnen gescheiden door spaties worden opgegeven.
class="…"
contenteditable-attribuut
Het contenteditable-attribuut kan gebruikt worden om een gedeelte van het document bewerkbaar te maken voor de bezoeker.
Het element wordt zo vergelijkbaar met een <textarea>-element, alleen kan nu tekst worden opgemaakt door het element kinderen te geven, mits de webpagina hiervoor knoppen ter beschikking stelt. Het attribuut is dan ook alleen nuttig in combinatie met JavaScript, dat sowieso nodig is om bewerkingen op te kunnen slaan.
Er zijn twee mogelijke waarden:
"true": de inhoud is wel bewerkbaar"false": de inhoud is niet bewerkbaar
Indien het attribuut niet is aangehouden, wordt de waarde van de ouder van het element geërfd.
contenteditable="…"
data-…-attribuut
Naar eigen behoeven mogen nieuwe attributen worden verzonnen waarvan de namen met 'data-' beginnen. Hiermee kan extra informatie aan het document worden toegevoegd. Deze kunnen vervolgens gebruikt worden in bijvoorbeeld JavaScript of CSS.
Toegestane symbolen in de attribuutnaam zijn onder andere kleine letters, cijfers, underscores ('_') en verbindingsstrepen ('-').
data-…="…"
dir-attribuut
Het dir-attribuut wijzigt de schrijfrichting van de inhoud van het element.
Er zijn twee mogelijke waarden:
"ltr": van links naar rechts"rtl": van rechts naar links
De standaardwaarde is "ltr". De waarde wordt ook geërfd.
Dit attribuut is verplicht voor het <bdo>-element, maar kan ook op alle andere elementen gebruikt worden die tekst als inhoud hebben.
dir="…"
draggable-attribuut
Het draggable-attribuut geeft aan of een element versleept kan worden.
De mogelijke waarden zijn:
"true": slepen kan wel;"false": slepen kan niet.
Tijdens het slepen blijft het element ook gewoon op zijn plek staan. JavaScript is nodig om het element na het slepen ook daadwerkelijk te verplaatsen.
Als het attribuut afwezig is, kunnen afbeeldingen en hyperlinks wel gesleept worden en andere elementen niet.
draggable="…"
id-attribuut
Het id-attribuut mag op alle stijlbare elementen worden toegepast om te definiëren wat het identificatiekenmerk van dit element is. Elk identificatiekenmerk mag maar eens per document gebruikt worden.
Dit identificatiekenmerk kan vervolgens met CSS worden opgemaakt en die opmaak geldt dan voor alle elementen uit die klasse.
Daarnaast kan men aan het adres van een document met id-attributen een hekje (#) gevolgd door de waarde van een id-attribuut toevoegen met als gevolg dat de koppeling direct dat deel van de pagina opent ter hoogte van het element met dat bepaalde id-attribuut.
id="…"
lang-attribuut
Het lang-attribuut duidt de taal van het element aan. Dit attribuut wordt geërfd. Dit moet een taalcode zijn.
Taalcodes beginnen met een code voor de taal en worden daarna optioneel gevolgd door een landcode. Enkele voorbeelden van taalcodes zijn:
"en": Engels;"en-GB": Brits-Engels;"en-US": Amerikaans-Engels;"nl": Nederlands;"nl-BE": Vlaams;"nl-NL": Nederlands zoals in Nederland.
In XML wordt ook het xml:lang-attribuut wel gebruikt. Dit attribuut kan in tegenstelling tot het lang-attribuut ook gebruikt worden op elementen die uit SVG en MathML komen.
lang="…"
spellcheck-attribuut
Indien in de browser spellingcontrole mogelijk is en de gebruiker dit niet heeft uitgeschakeld, bepaalt het spellcheck-attribuut of de spellingcontrole aan of uit moet staan. Het attribuut mag alleen worden toegepast op elementen waarin tekst bewerkt kan worden.
De volgende waarden zijn mogelijk:
"true": spellingcontrole inschakelen"false": spellingcontrole uitschakelen
Indien dit attribuut afwezig is, wordt de waarde geërfd of beslist de browser of spellingcontrole aan of uit staat.
Merk op dat er wel meer browsers met spellingcontrole zijn, maar dat zij dit attribuut niet ondersteunen.
spellcheck="…"
style-attribuut
Het style-attribuut definieert ter plekke een CSS-stijl voor het element. Het kan worden toegevoegd aan alle stijlbare elementen.
De waarde van dit attribuut kan alles zijn wat in normale CSS-stijlbladen tussen gekrulde haken kan staan ({}). Het attribuut vormt een aanvulling op eventueel elders gedefinieerde stijlen.
style="…"
tabindex-attribuut
Het tabindex-attribuut kan aan elementen worden toegevoegd om de volgorde te veranderen waarop de focus verspringt bij gebruik van de tab-toets op het toetsenbord. De waarde van dit attribuut is een geheel getal.
Een positieve waarde betekent dat dit element voorrang krijgt in de volgorde. Hoe lager de positieve waarde, hoe meer voorrang. Bij gelijke waarden wordt de volgorde aangehouden waarin de elementen in het document staan. Het eerste element met de hoogste waarde krijgt dus de focus wanneer de tab-toets voor het eerst wordt ingedrukt.
Bij een negatieve waarde wordt het element overgeslagen bij het gebruik van de tab-toets. Het kan nog wel op andere manieren focus ontvangen.
De standaardwaarde is nul voor elementen die normaal focus kunnen krijgen en negatief voor elementen die dat niet kunnen. Sinds (X)HTML5 kan het tabindex-attribuut ook op elementen met negatieve standaardwaarden worden toegepast, zodat deze wel focus kunnen krijgen.
tabindex="…"
title-attribuut
Het title-attribuut specificeert extra informatie over een element. Doorgaans wordt dit weergegeven in een tooltip. De waarde wordt geërfd.
Voor sommige elementen geldt een bijzondere betekenis:
- <dfn>: het attribuut specificeert nu de gedefinieerde term in plaats van de inhoud van het element;
- <abbr> en <acronym>: het attribuut bevat de uitgeschreven betekenis van de afkorting, indien als enig kind van een <dfn>-element zonder title-attribuut wordt het title-attribuut van de afkorting de gedefineerde term;
- <link> en <style>: de titel wordt niet geërfd en indien het element een stylesheet betreft, specificeert het title-attribuut dat het stijlblad optioneel is en als naam de waarde van het title-attribuut heeft;
- <input>: indien het pattern-attribuut is gebruikt, moet het title-attribuut dit patroon beschrijven.
title="…"