9. 1991 HTML first mentioned – Tim Berners-Lee – HTML Tags
1993 HTML
1993 HTML 2 draft
1995 HTML 2 – W3C
1995 HTML 3 draft
1997 HTML 3.2 – “Wilbur”
1997 HTML 4 - ”Cougar” - CSS
1999 HTML 4.01
2000 XHTML draft
2001 XHTML
2008 HTML5 / XHTML5 draft
2011 feature complete HTML5
2022 HTML5
10. IE FF Saf. Chr. Op.
contenteditable attribute 8.0 3.6 4.0 4.0 10.1
Cross-document messaging 8.0 3.6 4.0 4.0 10.1
getElementsByClassName 8.0 3.6 4.0 4.0 10.1
New, stylable HTML5 elements 8.0 3.6 4.0 4.0 10.1
Canvas (basic support) 8.0 3.6 4.0 4.0 10.1
Audio element 8.0 3.6 4.0 4.0 10.1
Drag and Drop 8.0 3.6 4.0 4.0 10.1
Video element 8.0 3.6 4.0 4.0 10.1
Offline web applications 8.0 3.6 4.0 4.0 10.1
Web Workers 8.0 3.6 4.0 4.0 10.1
Text API for Canvas 8.0 3.6 4.0 4.0 10.1
HTML5 form features 8.0 3.6 4.0 4.0 10.1
Released Browsers
11. IE FF Saf. Chr. Op.
contenteditable attribute 9.0 3.7 4.* 5.0 10.5
Cross-document messaging 9.0 3.7 4.* 5.0 10.5
getElementsByClassName 9.0 3.7 4.* 5.0 10.5
New, stylable HTML5 elements 9.0 3.7 4.* 5.0 10.5
Canvas (basic support) 9.0 3.7 4.* 5.0 10.5
Audio element 9.0 3.7 4.* 5.0 10.5
Drag and Drop 9.0 3.7 4.* 5.0 10.5
Video element 9.0 3.7 4.* 5.0 10.5
Offline web applications 9.0 3.7 4.* 5.0 10.5
Web Workers 9.0 3.7 4.* 5.0 10.5
Text API for Canvas 9.0 3.7 4.* 5.0 10.5
HTML5 form features 9.0 3.7 4.* 5.0 10.5
Beta Browsers
12.
13. Pre-HTML5
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1
-strict.dtd">
Changes to old Tags: Doctype
26. <canvas id="example" width="200" height="200">
This text is displayed if your browser does not support HTML5
Canvas.
</canvas>
var example = document.getElementById('example');
var context = example.getContext('2d');
context.fillStyle = "rgb(255,0,0)";
context.fillRect(30, 30, 50, 50);
Canvas
27. Play video in the browser
Doesn’t need a plugin
Accessible through JavaScript
Video
29. <video width="360" height="240" controls= "controls" >
<source src="LittleWing.mp4“ type="video/mp4">
</source>
Video tag is not supported
</video>
Video
Tim Berners-Lee – CERN – 1991 – “HTML Tags” – Opmaak taal voor wetenschappelijke documenten –
1993 Mosaik -> 1994 NetScape
1995 – HTML 2.0 eerste door W3C gepubliceerde versie
HTML 3.2 – “Wilbur”
HTML4 – “Cougar” – CSS support (JavaScript kwam in NetScape 2 onder de naam Mocha en later LiveScript)
Web Hypertext Application Technology Working Group – WHATWG – Apple Mozilla en Opera zijn bezorgt over W3C => mission to meet the needs of both users and developers
Canvas was initially introduced by Apple for use inside their own Mac OS X WebKit component, powering applications like Dashboard widgets and the Safari browser. Later, it was adopted by Gecko browsers and Opera[1] and standardized by the WHATWG on new proposed specifications for next generation web technologies.
NonogramDemo.html
Elke browser ondersteund “eigen” video formaat (H.264, Ogg, VP8)
Maar, het feit dat sites als Youtube, DailyMotion en Vimeo HTML5 Video gaan ondersteunen getuigd van het feit dat de addoptie toeneemt.
Database:
Web SQL – Opera, Safari, Chrome
Indexed Database API – FireFox
IE onbekend.
Demo in Opera, Opera Mob and Firefox
metadata aan de inhoud van bestaande webpagina's toe voegen
Microformats voegen semantiek toe aan de bestaande elementen en geeft deze een betekenis