techniek, , , , , , ,

HTML5 vs Flash

7 oktober 2010

Door:

De komst van HTML5 brengt in de webwereld nu al heel wat te weeg, terwijl de techniek nog niet door alle browsers wordt ondersteund. Apple CEO “Steve Jobs” is hoe dan ook zeer enthousiast over HTML5 en heeft laten weten dat alle iPad’s, iPhones en iPods deze techniek gaan ondersteunen.

Semantische code
Bij HTML5 krijgen developers veel nieuwe tags tot hun beschikking. Die nieuwe tags zorgen ervoor dat verschillende elementen c.q. functionaliteiten (audio, video, browser gegenereerde graphics, navigatie en tekst) hun eigen tag krijgen.

Door deze nieuwe tags zal de mate van semantiek van de broncode vele malen hoger liggen dan de niet-HTML5 pagina’s. Semantisch betekend (in dit geval) dat er een uiterst logische code gehanteerd wordt voor de bron. Dit betekend concreet dat een menu-element niet meer apart met een class of id aangemaakt hoeft te worden, maar dat de tag nav voldoende is.

HTML5 vs Flash

HTML5 in combinatie met CSS3 en AJAX zal veel functies van Flash overnemen. Dat geldt dus ook voor video en audio. Nu wordt Flash nog vaak ingezet voor het afspelen van filmpjes en muziek. Door HTML5 voor deze elementen in te zetten, is het bijvoorbeeld ook mogelijk om deze media te bekijken en beluisteren op een smartphone.

Aangezien veel functies binnen HTML5 Flash onnodig maken, zullen er toch functies blijven die het beste in Flash uitgevoerd kunnen worden. Denk hierbij bijvoorbeeld aan interactieve spelletjes.

Een ander voordeel van Flash is dat de applicaties in elke browser hetzelfde er uitzien. Er hoeft dus geen rekening gehouden te worden met de verschillende browsers – wat vaak voor HTML en CSS wel problemen geeft.

Kortom: Flash is niet compleet afgeschreven, maar is op veel fronten wel ingehaald door HTML5. Het is als developer belangrijk te overwegen iets in Flash of HTML5 te maken.

HTML5 voorbeelden
Hieronder een opsomming van een aantal websites die al gebruik maken van verschillende functies binnen HTML5.

Wil je nou weten of jou webbrowser HTML5 al goed ondersteunt of wil je weten welke browser je het beste kunt gebruiken, check dan onderstaande websites:

Websites Nederland


Meer blogposts van Websites Nederland