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

Voorbeelden

http://www.apple.com/html5



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

Wanneer

• http://ishtml5readyyet.com/

http://ishtml5readyyet.com/

Presentatie kennisoverleg 23 - 09 - 2010 HTML 5. Waarom HTML 5? • Veel van onze informatie is...

Documents

Transcript of Presentatie kennisoverleg 23 - 09 - 2010 HTML 5. Waarom HTML 5? • Veel van onze informatie is...