Wat is HTML5?

HTML5 is de opvolger van HTML4. Het is geen nieuwe programmeertaal en ook geen nieuwe HTML taal. HTML behoort tot de groep van XML (eXtensible Markup Language), dit zijn beschrijvende talen waarvan de syntax volgens vaste W3C standaarden is vastgelegd.
HTML5 bevat een uitbreiding van de elementen (tags) die al in HTML4 en lager beschikbaar waren. Naast deze uitbreiding beschrijft HTML5 ook de interactie met JavaScript binnen de DOM (Document Object Model). HTML5 is dus eigenlijk een verbetering van de bestaande HTML.
Een HTML5 document begint altijd met de volgende DOCTYPE; "<!DOCYPE html>", zo eenvoudig is het. Nu kun je de nieuwe semantische elementen gebruiken en laten valideren.
Na de DOCTYPE komt de tag html. Voorheen had deze tag een lange namespace, dit komt omdat W3C verlangt dat de namespace de juiste html versie(taal) aanroept. Ook dit is veel eenvoudiger geworden in HTML5, gebruik alleen het attribuut lang."<html lang='nl'>".
Omdat HTML zijn werk verricht aan de client kant van het internetmodel, is het belangrijk dat de browser van de gebruiker HTML5 ondersteunt, helaas wil het daar nog wel eens aan schorten, maar in principe heeft iedereen zich geconformeerd aan de nieuwe standaard.
Op deze site kun je testen of de browser die je gebruikt geschikt is voor de diverse nieuwe functionaliteiten.

Je kunt dus niet "beginnen" met HTML5. Je kunt gebruik maken van de functionaliteiten die HTML5 biedt, maar dat kan gewoon binnen bestaande websites. De kunst is nu natuurlijk om je de nieuwe functionaliteit eigen te maken.

html5

Test JavaScript

Op deze pagina testen we of jouw browser JavaScript ondersteunt met de functie testIt() . Testen maar !

html5

Voorbeeld velden met specifieke typen

We zien hier een aantal velden binnen een form. Het specifieke aan deze velden is dat het dat ze specifieke eigenschappen hebben die horen bij het type veld. Browsers die geen HTML5 ondersteunen laten simpele inputvelden zien.

Range
Datum

Zoeken

Nummers

Kleuren



Maanden

In de meeste browsers zullen van bovenstaande voorbeelden een aantal niet werken. Tot nu toe is "Opera" de enige browser die met deze nieuwe typen goed omgaat.

html5

Geo localization

Met de geolocatie-API kunt u uw locatie delen met vertrouwde websites. De lengte-en breedtegraad zijn beschikbaar voor JavaScript-code op de pagina, die deze weer kan sturen naar webservers zodat je fancy dingen kan laten zien zoals de locatie van lokale bedrijven of de gebruikerslocatie op een kaart.


Locatie

Ik probeer je locatie te vinden: bezig...


html5

Storage

HTML5 werkt met local storage. Deze techniek is vergelijkbaar met het plaatsen van 'cookies'.
Ondersteunt mijn browser deze functie?

Test local storage

html5

Canvas

<canvas> is een (nieuw) HTML element waarmee je, zonder problemen, met javascript allerlei grafische handelingen kan verrichten. Zonder al te lastige code kan je makkelijk plaatjes bewerken en lijntekeningen op het scherm plaatsen. Zelfs redelijk ingewikkelde animaties kunnen met behulp van dit element vrij eenvoudig gemaakt worden.

Creeer een canvas element

Video

<Video> is een spiksplinternieuw HTML element waarmee je een video binnen je browser af kunt spelen. De verwachte data is video, maar audio of image kunnen ook.