HTML5
- 3. 贬罢惭尝5 概述
- 6. 浏览器支持情况
- 8. HTML tags非官方 较早前HTML 2.0（IETF）1995HTML 3.2 1997HTML 4.0 1997HTML 4.01 1999————————————————————————————————————————————————————————————————————因特网任务工程组
- 10. XHTML 1.0 2000XHTML 1.1 2001 XHTML 2 未完成XHTML1.1/XHTML2 都必须把文档标记XML文档XML的错误处理模型决定了1.1和2不能得到长期发展
- 12. Web超文本应用技术工作组（opera/apple/google…）WHATWG 2004W3C 2007目标为研发简单的web新技术，不断迭代独裁式工作流程万维网联盟(World Wide Web 颁辞苍蝉辞谤迟颈耻尘)规范会成为工作草案，定格在某个历史时刻民主式工作流程，投票决定贬罢惭尝5主编辑：伊恩·希克森（来自驳辞辞驳濒别）一种格式，两个版本如何看待这两种工作方式？
- 13. 贬罢惭尝5 的设计原理
- 15. 尽可能的简单避免不必要的复杂性
- 16. HTML 4.01<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">XHTML 1.0<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">HTML5<!DOCTYPE html>伯斯塔尔法则，浏览器接收时必须足够开放向后兼容Doctype是否为了浏览器而写？
- 17. HTML 4.01<meta http-equiv="Content-Type" content="text/html; charset=utf-8">XHTML 1.0<?xml version="1.0" encoding="UTF-8"?><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />HTML5<meta charset="utf-8">浏览器会这样解释它：“元数据(meta)??，字符集(charset)utf-8。
- 18. 去掉重复性的，多余的，让其变得简单。<link rel="stylesheet" type="text/css" href="file.css”><script type="text/javascript"> </script>
- 20. <imgsrc=/slideshow/html5-8602133/8602133/"foo" alt="bar" /> <p class=/slideshow/html5-8602133/8602133/"foo">Hello world</p><imgsrc=/slideshow/html5-8602133/8602133/"foo" alt="bar"> <p class=/slideshow/html5-8602133/8602133/"foo">Hello world<IMG SRC=/slideshow/html5-8602133/8602133/"foo" ALT="bar"> <P CLASS=/slideshow/html5-8602133/8602133/"foo">Hello world</P><imgsrc=foo alt=bar> <p class=foo>Hello world</p>看到这种设计方案后作何感想？如何看待以后自己的代码编写？
- 22. （X）HTML<h2><a href="/path/to/resource">Headline text</a></h2> <p><a href=“/path/to/resource”>Paragraph text.</a></p>HTML5<a href="/path/to/resource"> <h2>Headline text</h2> <p>Paragraph text.</p> </a>解决了什么实际问题？
- 23. 走牛走的路pave the cow paths
- 24. 多年以来，我们已经习惯了这样的写法<body> <div id="header">...</div> <div id="navigation">...</div> <div id="main">...</div> <div id="sidebar">...</div> <div id="footer">...</div> </body>
- 25. section article asidenavheader footer details figure
- 26. <body> <header>...</header> <nav>...</nav> <div id="main">...</div> <aside>...</aside> <footer>...</footer> </body>每个元素都允许在同一页面被多次使用
- 27. 语义化趋势
- 28. <div class="item"> <h2>...</h2> <div class="meta">...</div> <div class="content"> ... </div> <div class="links">...</div> </div>——————————————————————————————————————————————————————————————————————<section class="item"> <header><h1>...</h1></header> <footer class="meta">...</footer> <div class="content"> ... </div> <nav class="links">...</nav> </section>
- 30. 浏览器可能会重新排列她在页面中扮演的角色，这 取决于所出现的位置。新语义标签的正在价值优雅退化，老旧兼容degrade gracefully
- 31. From2.0input type="number" input type="search" input type="range" input type="email" input type="date" input type="url”
- 32. Input type="number” Input type="range” Input type=“search” Input type=“text”placeholder=“selven”
- 33. HTML5 videoFlash object
- 34. <video src=/slideshow/html5-8602133/8602133/“movie.mp4”> <!–后备内容--> </video>H.264 是MPEG-4 标准所定义的最新格式，同时也是技术含量最高、代表最新技术水平的视频编码格式之一，有的也称（AVC）。
- 35. <video src=/slideshow/html5-8602133/8602133/“movie.mp4”> <object data="movie.swf"><!–后备内容--> </object></video>
- 36. <video> <source src=/slideshow/html5-8602133/8602133/"movie.mp4"> <source src="movie.ogv"> <source src="movie.webm"><object data="movie.swf"> <a href=/slideshow/html5-8602133/8602133/"movie.mp4">download</a> </object></video>
- 38. Thanks for you are time谢谢大家的参与@selven