html5到底多了什么？

跟HMTL相比，HTML5新增了很多内容，其中有一些特性是作为开发人员必须要了解的。一个叫秒秒学的教学网站上有专门针对HTML5的课程，讲解得还蛮细致，推荐你去看看。

html5到底多了什么？

1.新的文档类型 (New Doctype)

HTML5简化了文档类型的声明方式。HTML5的声明方式为：。
而之前的文档类型的声明方式是非常复杂，并且难以记忆的，比如XHTML 1.0的文档类型是：

2.脚本和链接无需type

在HTML4或XHTML中，你需要用下面的几行代码来给你的网页添加CSS和JavaScript文件。
< link rel=”stylesheet” href=”stylesheet.css” type=”text/css” />
< script type=”text/javascript” src=”script.js”>

而在HTML5中，你不再需要指定type属性。因此，代码可以简化如下：
< link rel=”stylesheet” href=”stylesheet.css” />
< script src=”script.js”>

3.更加语义化的元素

HTML5 新增的一些更具有语义化的新标签来替代< div> 标签，但它们并不提供额外的功能。这些新增的标签是：
< article>、< section>、< aside>、< hgroup>、 < header>,< footer>、< nav>、< time>、< mark>等。

4.占位符 (Placeholder)

在HTML4或XHTML中，一般需要用JavaScript来给文本框添加占位符。比如：通过脚本设置，当用户开始输入时，文本框中的文字就消失。而在HTML5中，新增的“placeholder”功能可以很简单的解决这个问题。

5.Audio 和Video 支持

在HTML5之前，网页通常需要依靠第三方插件来渲染音频。而在HTML5中，< audio>元素被引进来后，我们可以使用audio元素来渲染音频。
在HTML5中，不仅新增渲染音频的元素，同时也新增了支持视频的元素video。

6.离线 & 存储

IndexedDB 是一个为了能够在客户端存储可观数量的结构化数据，并且在这些数据上使用索引进行高性能检索的 API。虽然 DOM 存储 对于存储少量数据是非常有用的，但是它对大量结构化数据的存储就显得力不从心了。IndexedDB 则提供了这样的一个解决方案。

7.HTML5 canvas

< canvas> 是 HTML5 新增的元素，可使用JavaScript脚本来绘制图形。例如：画图，合成照片，创建动画甚至实时视频处理与渲染。

8.设备访问

HTML5新增的特性中，允许通过页面元素访问硬件设备，比如：[ ]摄像头、地理位置服务、检测方向、触控事件等。

参考

http://www.w3school.com.cn/html5/index.asp