Downloaded 17 times
HTML5
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8. HTML tags非官方 较早前HTML2.0（IETF）1995HTML 3.2 1997HTML 4.0 1997HTML 4.01 1999————————————————————————————————————————————————————————————————————因特网任务工程组
- 9.
- 10. XHTML 1.0 2000XHTML 1.1 2001XHTML 2 未完成XHTML1.1/XHTML2 都必须把文档标记XML文档XML的错误处理模型决定了1.1和2不能得到长期发展
- 11.
- 12. Web超文本应用技术工作组（opera/apple/google…）WHATWG 2004W3C 2007目标为研发简单的web新技术，不断迭代独裁式工作流程万维网联盟(World Wide WebConsortium)规范会成为工作草案，定格在某个历史时刻民主式工作流程，投票决定HTML5主编辑：伊恩·希克森（来自google）一种格式，两个版本如何看待这两种工作方式？
- 13.
- 14.
- 15.
- 16. HTML 4.01<!DOCTYPE htmlPUBLIC "-//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>
- 19.
- 20. <imgsrc="foo" alt="bar" /><p class="foo">Hello world</p><imgsrc="foo" alt="bar"> <p class="foo">Hello world<IMG SRC="foo" ALT="bar"> <P CLASS="foo">Hello world</P><imgsrc=foo alt=bar> <p class=foo>Hello world</p>看到这种设计方案后作何感想？如何看待以后自己的代码编写？
- 21.
- 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 cowpaths
- 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 asidenavheaderfooter 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>
- 29.
- 30. 浏览器可能会重新排列她在页面中扮演的角色，这 取决于所出现的位置。新语义标签的正在价值优雅退化，老旧兼容degrade gracefully
- 31. From2.0input type="number" inputtype="search" input type="range" input type="email" input type="date" input type="url”
- 32. Input type="number” Inputtype="range” Input type=“search” Input type=“text”placeholder=“selven”
- 33. HTML5 videoFlash object
- 34. <video src=“movie.mp4”> <!–后备内容--></video>H.264 是MPEG-4 标准所定义的最新格式，同时也是技术含量最高、代表最新技术水平的视频编码格式之一，有的也称（AVC）。
- 35. <video src=“movie.mp4”> <objectdata="movie.swf"><!–后备内容--> </object></video>
- 36. <video> <source src="movie.mp4"><source src="movie.ogv"> <source src="movie.webm"><object data="movie.swf"> <a href="movie.mp4">download</a> </object></video>
- 37.
- 38. Thanks for youare time谢谢大家的参与@selven