HTML5 & Webrichtlijnen 2
-
Upload
stephen-hay -
Category
Technology
-
view
108 -
download
2
description
Transcript of HTML5 & Webrichtlijnen 2
HTML5en Webrichtlijnen 2
Stephen Hay . Figi, Zeist . 20101210
HTML5Talk of the town
Webrichtlijnen 2Talk of the village
(Ook binnen de werkgroep)
Webrichtlijnen 2Talk of the village(Ook binnen de werkgroep)
HTML5 en Webrichtlijnen 2
Wat heeft HTML5 te maken met de nieuwe Webrichtlijnen? (1)
Technologie-onafhankelijkeformuleringWij willen nieuwe technologieën kunnen gebruiken!
Wat heeft HTML5 te maken met de nieuwe Webrichtlijnen? (2)
Focus op depraktijkUse cases uit de praktijk hebben een grote rol gespeeld...
Praktijkvoorbeeld 1: DOCTYPEs
<!DOCTYPE html>
Veel flexibeler.XML-syntax (of niet)Nieuwe HTML-elementen (of niet)
Praktijkvoorbeeld 1: DOCTYPEs
<!DOCTYPE html>Veel flexibeler.
XML-syntax (of niet)Nieuwe HTML-elementen (of niet)
Praktijkvoorbeeld 1: DOCTYPEs
<!DOCTYPE html>Veel flexibeler.XML-syntax (of niet)
Nieuwe HTML-elementen (of niet)
Praktijkvoorbeeld 1: DOCTYPEs
<!DOCTYPE html>Veel flexibeler.XML-syntax (of niet)Nieuwe HTML-elementen (of niet)
Praktijkvoorbeeld 1: DOCTYPEs
Gebruik markup conformde betreffende specificatie
Gebruik elementen waarvoor ze bedoeld zijn
Praktijkvoorbeeld 1: DOCTYPEs
Gebruik markup conformde betreffende specificatieGebruik elementen waarvoor ze bedoeld zijn
Praktijkvoorbeeld 2: karaktercodering
<meta charset="utf-8">
Je voldoet nu (bijna) aan SC U.8.1
Praktijkvoorbeeld 2: karaktercodering
<meta charset="utf-8">Je voldoet nu (bijna) aan SC U.8.1
Progressiveenhancement
Praktijkvoorbeeld 3: video
http://ghinda.net/acornmediaplayer/
HTML5 is Lego allover again
Browsers hebben geen toetsenbordbediening voorcontrols? Maak je eigen
HTML5 is Lego allover againBrowsers hebben geen toetsenbordbediening voorcontrols? Maak je eigen
Praktijkvoorbeeld 3: video
http://dev.opera.com/articles/view/more-accessible-html5-video-player/
En de ontwikkelingen gaan door...
http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#the-track-element
En dat is een doel geworden vanWebrichtlijnen 2.We kunnen meegaan met nieuwe ontwikkelingen.
Betere kwaliteit en toegankelijkheid
Bedankt!Thank [email protected]