Globale attributen in HTML5 I:

Nieuw

HTML5 is de huidige standaard voor HTML. Deze standaard heeft de naam HTML5 gekregen en is de opvolger van HTML 4.01.
Let op de spelling: het is HTML5, zonder spatie. De naam van de oude standaard wordt wel met een spatie gespeld.

Het belangrijkste verschil met HTML 4.01 is de vergaande splitsing tussen inhoud en opmaak van de documenten. Voor de opmaak van het document wordt zwaar geleund op de opmaaktaal CSS3.
CSS3 is nog volop in ontwikkeling; er is wel een specificatie, maar die heeft de status van werkdocument. Er zjn bronnen die stellen dat CSS3, door steeds nieuwe technologieën, het nooit tot standaard zal brengen maar steeds zal worden verbeterd en uitgebreid. De tijd zal het leren.

De betere scheiding van inhoud en opmaak vereist een aantal nieuwe (globale) attributen, die hieronder in het kort worden besproken. Voor een meer uitgebreide beschrijving verwijs ik naar de HTML global Attributes reference op w3schools.com.

Sommige van de nieuwe attributen worden nog niet ondersteund door de grote browsers die draaien onder Windows. Dat staat expliciet aangegeven.

Hier onder staat een overzicht van de globale attributen die nieuw zijn in HTML5.
Event-attributen (onload, onclick, enz.) worden hier niet behandeld. Zie daarvoor het item Event-attributen in HTML.

Tag		Beschrijving
contenteditable		Specificeert of een element kan/mag worden gewijzigd of niet.
contextmenu		Bedoeld om het context-menu (onder de rechter muisknop) te wijzigen met behulp van een <menu>-tag. Dit attribuut is verwijderd uit de HTML-standaard. Het wordt alleen door FireFox ondersteund. Het is dus eigenlijk niet bruikbaar.
draggable		Hiermee geef je aan of een element kan worden versleept of niet. Defaults: elementen zijn niet versleepbaar, behalve <a> en <img>.
dropzone		Bedoeld om aan te geven of een versleept element wordt gekopieerd, verplaatst of gelinkt. Dit attribuut wordt door geen van de grote browsers ondersteund. Niet gebruiken dus.
hidden		Hiermee geef je aan of een element nog niet of niet meer relevant is. De browser toont het dan niet. Kan worden aangepast met JavaScript.
spellcheck		Hiermee geef je aan of de content van een element (specifiek: tekst) moet worden gecontroleerd door de spellings- en grammatica-controle.
translate		Hiermee geef je aan of de content van een element (automatisch) vertaald mag worden of niet. Het attribuut translate wordt door geen enkele browser ondersteund. Het hoort ook niet in een browser thuis. Het is meer iets voor een dienst als Google translate.

Opmerking:
Het gegeven dat de hierboven genoemde attributen allemaal worden gezien als geldig HTML5, betekent niet dat de toepassing ervan altijd zinvol is.

Zie ook:

• Globale attributen in HTML5 II: Verdwenen
• Globale attributen in HTML5 III: Bestaand en gewijzigd

Behalve nieuwe (globale) attributen, bevat HTML5 een groot aantal nieuwe tags. Zie het item: Verschillen tussen HTML 4 en HTML5 I: Nieuwe tags in HTML5.