Download - HTML5 & Webrichtlijnen 2
![Page 1: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/1.jpg)
HTML5en Webrichtlijnen 2
Stephen Hay . Figi, Zeist . 20101210
![Page 2: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/2.jpg)
HTML5Talk of the town
![Page 3: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/3.jpg)
Webrichtlijnen 2Talk of the village
(Ook binnen de werkgroep)
![Page 4: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/4.jpg)
Webrichtlijnen 2Talk of the village(Ook binnen de werkgroep)
![Page 5: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/5.jpg)
HTML5 en Webrichtlijnen 2
![Page 6: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/6.jpg)
Wat heeft HTML5 te maken met de nieuwe Webrichtlijnen? (1)
Technologie-onafhankelijkeformuleringWij willen nieuwe technologieën kunnen gebruiken!
![Page 7: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/7.jpg)
Wat heeft HTML5 te maken met de nieuwe Webrichtlijnen? (2)
Focus op depraktijkUse cases uit de praktijk hebben een grote rol gespeeld...
![Page 8: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/8.jpg)
Praktijkvoorbeeld 1: DOCTYPEs
<!DOCTYPE html>
Veel flexibeler.XML-syntax (of niet)Nieuwe HTML-elementen (of niet)
![Page 9: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/9.jpg)
Praktijkvoorbeeld 1: DOCTYPEs
<!DOCTYPE html>Veel flexibeler.
XML-syntax (of niet)Nieuwe HTML-elementen (of niet)
![Page 10: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/10.jpg)
Praktijkvoorbeeld 1: DOCTYPEs
<!DOCTYPE html>Veel flexibeler.XML-syntax (of niet)
Nieuwe HTML-elementen (of niet)
![Page 11: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/11.jpg)
Praktijkvoorbeeld 1: DOCTYPEs
<!DOCTYPE html>Veel flexibeler.XML-syntax (of niet)Nieuwe HTML-elementen (of niet)
![Page 12: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/12.jpg)
Praktijkvoorbeeld 1: DOCTYPEs
Gebruik markup conformde betreffende specificatie
Gebruik elementen waarvoor ze bedoeld zijn
![Page 13: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/13.jpg)
Praktijkvoorbeeld 1: DOCTYPEs
Gebruik markup conformde betreffende specificatieGebruik elementen waarvoor ze bedoeld zijn
![Page 14: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/14.jpg)
Praktijkvoorbeeld 2: karaktercodering
<meta charset="utf-8">
Je voldoet nu (bijna) aan SC U.8.1
![Page 15: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/15.jpg)
Praktijkvoorbeeld 2: karaktercodering
<meta charset="utf-8">Je voldoet nu (bijna) aan SC U.8.1
![Page 16: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/16.jpg)
Progressiveenhancement
![Page 17: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/17.jpg)
Praktijkvoorbeeld 3: video
http://ghinda.net/acornmediaplayer/
![Page 18: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/18.jpg)
HTML5 is Lego allover again
Browsers hebben geen toetsenbordbediening voorcontrols? Maak je eigen
![Page 19: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/19.jpg)
HTML5 is Lego allover againBrowsers hebben geen toetsenbordbediening voorcontrols? Maak je eigen
![Page 20: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/20.jpg)
Praktijkvoorbeeld 3: video
http://dev.opera.com/articles/view/more-accessible-html5-video-player/
![Page 21: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/21.jpg)
En de ontwikkelingen gaan door...
http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#the-track-element
![Page 22: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/22.jpg)
En dat is een doel geworden vanWebrichtlijnen 2.We kunnen meegaan met nieuwe ontwikkelingen.
![Page 23: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/23.jpg)
Betere kwaliteit en toegankelijkheid
![Page 24: HTML5 & Webrichtlijnen 2](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c791584a795969448b4590/html5/thumbnails/24.jpg)
Bedankt!Thank [email protected]