Nieuwe elementen in HTML5

Home / Home / HTML5 / Nieuwe elementen in HTML5

Sinds de introductie van HTML 4(.01) is er veel veranderd in de internet wereld. Sommige onderdelen van HTML4 zijn verouderd, vergeten of worden in feite verkeerd gebruikt. Dit soort onderdelen worden verwijderd of veranderd in HTML5. Om beter om te kunnen gaan met de huidige eisen van de internetters beschikt HTML5 over nieuwe elementen om informatie en code beter te kunnen structureren, te teken, audio en video toe te passen en betere formulier afhandeling.

In het onderstaande overzicht zijn de nieuwe markup elementen (tbv van structurering pagina), media elementen, canvas elementen, form elementen en invoer elementen opgesomd.

Nieuwe Markup Elementen

Nieuwe elementen waarmee informatie beter gestructureerd kan worden.

article	Om informatie uit externe bronnen aan te duiden, zoals nieuwsberichten, artikelen of informatie uit fora.
aside	Om gerelateerde content aan te duiden. Informatie die tussen deze tag staat moet slaan op de informatie waar ze tussen staat.
command	Een knop, radioknop of keuzevakje.
details	Tussen deze tags kunnen details over een document of een deel daarvan worden geplaatst.
summary	Een onderschrift of samenvatting in het details element.
figure	Om een sectie of losse content te groeperen.
figcaption	Onderschrift voor de figure sectie.
footer	Voor de `voettekst` van een document.
header	Voor de `koptekst` van een document, hier kan ook de navigatie in staan.
hgroup	voor een verzameling kopjes (h1,h2...h6). De laagste kop (of hoogste net hoe je het bekijkt) headin is de hoofdkop van de sectie en alle andere koppen zijn subkoppen is.
mark	Digitale markeerstift.
meter	Om een meting te doen, werk alleen als de maximale en minimale waarden bekend zijn.
nav	De navigatie balk
progress	De voortgang van de werkzaamheden.
ruby	Om uitspraak notities voor of boven chinese karakters te plaatsen
rt	Toelichting op de inhoud van de ruby tag
rp	Wat browsers moeten tonen die de ruby tag niet ondersteunen
section	Met deze tag kunnen secties in een document worden aangeduid. Zoals paragrafen, kopjes, voetteksten etc.
time	Om een tijd en/of datum in aan te geven.

Nieuwe Media Elementen

HTML 5 voorziet in een nieuwe standaard voor media elementen.

audio	Voor multimedia content, geluiden, muziek of andere audio streams
video	Voor video content, zoals een filmclipje of een video stream
source	Voor media bronnen van media elementen, gedefinieerd in de video en audio elementen
embed	Voor embedded content, zoals plug-ins (deze tag zou je dus in de toekomst niet zo vaak nodig moeten hebben)

 

Het Canvas Element

Het canvas element gebruikt JavaScript om afbeeldingen te maken.

canvas

Om afbeelding te maken met behulp van Javascript.

 

Neiuwe Formulier Elementen

HTML5 kent nieuwe formulier elementen met meer functionaliteiten:

datalist	Een optielijst met invoer waarden
keygen	Genereert sleutels om gebruikers te authenticeren
output	Voor verschillende soorten output, bijvoorbeeld gemaakt door een script

Nieuwe invoervelden

In het formulier zijn er ook veel nieuwe invoervelden. Daardoor is een beter invoercontrole mogelijk!

 

tel	De invoer waarde is van type telefoon nummer
search	De invoer waarde is een zoek veld
url	De invoer waarde is een  URL
email	De invoer waarde is één of meer e-mail adressen
datetime	De invoer waarde is een  datum en/of tijdstip
date	De invoer waarde is een  datum
month	De invoer waarde is een  maand
week	De invoer waarde is een  week
time	De invoer waarde is van het type tijd
datetime-local	De invoer waarde is de lokale datum/tijd
number	De invoer waarde is een  nummer
range	De invoer waarde is een  number binnen een opgegeven bereik
color	De invoer waarde is een  hexadecimale kleur, zoals #FF0000

Auteur: Pieter van Andel