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

11
Presentatie kennisoverleg 23 - 09 - 2010 HTML 5

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

Page 1: 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 kennisoverleg 23 - 09 - 2010

HTML 5

Page 2: 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…

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

Page 3: 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…

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

Page 4: 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…

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

Page 5: 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…

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.

Page 6: 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…

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

Page 7: 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…

Voorbeelden

http://www.apple.com/html5

Page 8: 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…

Wat is geen HTML

• Css3 Transitions• Web sockets• Geolocation• SVG• CSS3 fontface

Page 9: 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…

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.

Page 10: 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…

Voorbeelden

Page 11: 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…

Wanneer

• http://ishtml5readyyet.com/