Weitere ähnliche Inhalte
Ähnlich wie Html5 - short intro (20)
Kürzlich hochgeladen (20)
Html5 - short intro
- 6. W3C
HTML 4.01 - 1999
XHTML 1.0 - 2002
XHTML 1.1 - 2010
http://www.w3.org/
- 8. WHATWG
Web Forms 2.0 - 2004
http://www.whatwg.org
- 9. WHATWG & W3C
HTML5 - 2008 - working draft
2012? - candidate
2022? - standard
http://www.w3.org
- 11. Internet
Firefox Chrome Explorer 9 Safari Opera
all support HTML5 today
Today?
- 15. <!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML: XHTML 1.0 Strict//EN" "http://www.w3.org/
TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML5: <!DOCTYPE html>
DOCTYPE
- 16. XHTML: <script type="text/javascript" src="javascript.js"></script>
HTML5: <script src="javascript.js"></script>
Scripts
- 17. XHTML: <link type="text/css" rel="stylesheet" media="all"
href="style.css" />
HTML5: <link rel="stylesheet" href="style.css" />
Stylesheets
- 18. <div id= "header">
<div id= "nav">
<div id= "section"> <div id= "sidebar">
<div id= "footer">
Semantics & Page Structure
- 19. <header>
<nav>
<article>
<section> <aside>
<footer>
Semantics & Page Structure
- 46. X Ogg WebM/VP8
Firefox
X Ogg WebM/VP8
Chrome
H.264 X X
Internet Explorer 9
H.264 X X
Safari
Video
- 50. <video controls preload width="270" height="186" poster ="poster.png">
<source src="http://jasoneiseman.com/aall11/chain.mp4" type="video/
mp4">
<source src="http://jasoneiseman.com/aall11/chain.ogv" type="video/
ogg">
<object width="270" height="186">
<param name="movie" value="http://jasoneiseman.com/aall11/
chain.swf">
<embed src="http://jasoneiseman.com/aall11/chain.swf" width="270"
height="186">
</object>
</video>
Video
- 53. <object width="270" height="186">
<param name="movie" value="http://jasoneiseman.com/aall11/
chain.swf">
<embed src="http://jasoneiseman.com/aall11/chain.swf" width="270"
height="186">
</object>
Video