Presentatie kennisoverleg 23 - 09 - 2010 HTML 5. Waarom HTML 5? • Veel van onze informatie is...
-
Upload
josephus-adam -
Category
Documents
-
view
215 -
download
3
Transcript of Presentatie kennisoverleg 23 - 09 - 2010 HTML 5. Waarom HTML 5? • Veel van onze informatie is...
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…• Ongeveer niets is valide…• Over een eeuw zou al deze informatie
verloren kunnen gaan…• Ontwikkeling in webbeleving
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
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
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.
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)
• <!DOCTYPE HTML /> geen doctype declaration
Wat is geen HTML
• Css3 Transitions• Web sockets• Geolocation• SVG• CSS3 fontface
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.
Voorbeelden