Presentatie kennisoverleg 23 - 09 - 2010 HTML 5. Waarom HTML 5? • Veel van onze informatie is opgeslagen in HTML… • 95% van de HTML is syntactisch incorrect…

Presentatie over: "Presentatie kennisoverleg 23 - 09 - 2010 HTML 5. Waarom HTML 5? • Veel van onze informatie is opgeslagen in HTML… • 95% van de HTML is syntactisch incorrect…"— Transcript van de presentatie:

1 Presentatie kennisoverleg 23 - 09 - 2010 HTML 5

2 Waarom HTML 5? • Veel van onze informatie is opgeslagen in HTML… • 95% van de HTML is syntactisch incorrect… • Ongeveer niets is valide… • Over een eeuw zou al deze informatie verloren kunnen gaan… • Ontwikkeling in webbeleving

3 Geen XHTML 2.0 ? • HTML 2.0 en HTML 3.2 niet vernieuwend • HTML 4.0 was eerste solide standaard (1998) • XHTML 1.0 meer gestructureerd XML-based • XHTML 2.0 is niet backward compatible • Rigide foutafhandeling, stopt renderen van pagina’s

4 Wat is HTML 5 • Evolutie van HTML4 en DOM level 2 • Herdefenitie van presentatie mark-up (geven meer structuur en betekenis) • Geintergreerde APIs (audio, video, drag and drop, canvas) • Evolutie van de browser naar een programeer platform

5 Wat is HTML 5 • Men streeft naar een plugin-free web, alles wat met plugins kan, zou ook met HTML moeten kunnen. • HTML is uitstekend geschikt om documenten mee op te maken. Het wordt echter ook veel gebruikt om webapplicaties mee te bouwen. HTML 5 wil hierop toegerust zijn. • Verder is het wenselijk om met verbeterde, duidelijkere specificaties te komen, zodat de implementaties van de browsermakers dichter bij elkaar liggen. • Ook webontwikkelaars hebben behoefte aan duidelijkere specificaties.

6 Wat is HTML 5 • Nieuwe content gerelateerde elementen (semantic tags, header, article, section….) • Nieuwe form controls (date picker, color pickers ) input veld attr. zoals email, search, url • Geintergreerde API’s (audio, video, editable, drag and drop, history, protocols) • geen doctype declaration

7 Voorbeelden http://www.apple.com/html5

8 Wat is geen HTML • Css3 Transitions • Web sockets • Geolocation • SVG • CSS3 fontface

9 Voordelen • De voordelen ten opzichte van revisie 4 zijn een grotere compatibiliteit met browsers van verschillende platformen (desktop, mobiel, pda, e-reader, etc.), nieuwe functionaliteit en snellere laadtijden doordat er minder code gebruikt hoeft te worden.

10 Voorbeelden

11 Wanneer • http://ishtml5readyyet.com/ http://ishtml5readyyet.com/