EIGEN WEBSITE - SITEONTWERP - 27.01.2011

Het web met HTML 5

Voor alle duidelijkheid: HTML 5 is nog in volle ontwikkeling en het kan nog verschillende jaren duren vóór de nieuwe standaard doorontwik­keld is. Het W3C (http://www.w3.org/TR/html5), dat instaat voor de ontwikkeling, is namelijk niet de meest flexibele organisatie.

Begrijpt uw browser al HTML 5?

Dat neemt niet weg dat de meeste browsers al verschillende vernieuwingen van HTML 5 onder­steunen, zodat u gerust zelf ook al kunt experi­menteren. Op http://www.caniuse.com vindt u een overzicht van welke browserversies met welke HTML 5-onderdelen overweg kunnen. Op http://html5readiness.com krijgt u dat in grafische vorm gepresenteerd (deze site komt echter niet goed door in IE 8).

Interessant is nog http://www.html5test.com waar uw eigen browser een score op 300 punten krijgt, afhankelijk van hoe goed die HTML 5 ondersteunt. Vooralsnog scoren Chrome en Safari het best.

We lichten even de belangrijkste verbeteringen van HTML 5 toe, maar als u zelf meteen al de proef op de som wilt nemen: op http://html5demos.com kunt u deze vernieuwingen al in diverse browsers uitproberen.

Vernieuwingen

Multimedia. De meest opvallende is de verbeter­de multimedia-integratie. Om video’s te kunnen af­­spelen in uw browser, moet u zich tot nu toe behelpen met plug-ins zoals Adobe Flash. Dat heeft nadelen: bv. problemen op mobiele toestellen of de vele beveiligingsupdates. Wie weleens een eigen webpagina ontwerpt, zal aangenaam verrast zijn dat het opnemen van de tags <video> en <audio> in HTML 5 in principe volstaat om mediaclips te kunnen afspelen. In principe, want om dat te kunnen doen, heeft u natuurlijk wel nog altijd een codec nodig, software dus die de (gecomprimeerde) beelden correct kan uitpakken en weergeven.

Een belangrijke handicap is vooralsnog dat browser­producenten het niet eens worden over welke codec dat precies moet zijn. Zo ondersteunen Firefox en Opera alleen video’s die met nagenoeg gratis codecs gemaakt zijn, terwijl Apple en Micro­soft meer heil zien in de - duurdere - H.264-codec. Wilt u HTML 5-video nu al uitproberen, surf dan naar bv. http://www.youtube.com/html5 waar u klikt op Aanmelden voor de html5-test.

Plaatjes. In HTML 5 hoeven illustraties niet nood­zakelijk als een apart bestand (bv. jpeg of gif) in de pagina ingeladen te worden. Browsers kunnen aan de hand van instructies in de webpagina zelf voortaan plaatjes opbouwen. Voor­al voor mobiele toestellen, waarvoor bandbreedte wel vaker een heikel punt is, kan dat interessant zijn.

Andere. In HTML 5 zijn er een aantal formulier­velden toegevoegd. Met bv. het type color verschijnt er een kleurenkiezer in uw formulier en met andere types haalt u dan weer een mini­kalender tevoorschijn. Voor webapplicaties is nieuw dat u niet langer online hoeft te zijn: ook zonder plug-ins zoals Google Gears wordt het voortaan mogelijk om toepassingen zoals Gmail of Google Docs offline te gebruiken. Dat heeft onder meer te maken met het feit dat browsers dankzij HTML 5 niet alleen cookies lokaal kunnen opslaan, maar ook uitgebreide data en de webapplicaties zelf.