Globale attributen zijn attributen die je op elk HTML-element kunt plaatsen, ongeacht het type. Ze bieden identificatie, styling-hooks, toegankelijkheidsinformatie en metadata.
html
Content
Globale attributen zijn attributen die je op elk HTML-element kunt plaatsen, ongeacht het type. Ze bieden identificatie, styling-hooks, toegankelijkheidsinformatie en metadata.
Content
id — unieke anker voor CSS (#hero), JS (getElementById), en links binnen de pagina (href="#hero").class — de primaire styling/scripting-hook; herbruikbaar over elementen.data-* — voeg aangepaste gegevens toe aan elementen, lees ze in JS via element.dataset.tabindex — controleer focusbaarheid en toetsenbord-tabvolgorde (0 = focusbaar in volgorde, -1 = focusbaar alleen via script).hidden, title, lang, role, aria-* — zichtbaarheid, tooltips, taal en toegankelijkheid.<button data-action="delete" data-id="7">Delete</button>
button.dataset.action; // "delete"
button.dataset.id; // "7" (always a string)
Globale attributen zijn de gedeelde toolkit die je op vrijwel elk element gebruikt — class/id voor styling en scripting, data-* voor het doorgeven van gegevens aan JS, en tabindex/role/aria-* voor toegankelijkheid.
De kennis ervan houdt markup schoon en gedrag consistent.