html5新特性有哪些？
操作方法
- 01
总结一下： 1. 新的 Doctype 尽管使用 <!DOCTYPE html> ，即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure 元素 用 <figure> 和 <figcaption> 来语义化地表示带标题的图片 <figure> <img src=”path/to/image” alt=”About image” /> <figcaption> <p>This is an image of something interesting. </p> </figcaption> </figure> 3. 重新定义的 <small> <small> 已经被重新定义了，现在被用来表示小的排版，如网站底部的版权声明 4. 去掉 link 和 script 标签里面的 type 属性 5. 加 / 不加 括号 HTML5 没有严格的要求属性必须加引号，闭合不闭合，但是建议加上引号和闭合标签 6. 让你的内容可编辑，只需要加一个 contenteditable 属性 7. Email Inputs 如果我们给 Input 的 type 设置为 email ，浏览器就会验证这个输入是否是 email 类型， 当然不能只依赖前端的校验，后端也得有相应的校验 8. Placeholders 这个 input 属性的意义就是不必通过 javascript 来做 placeholder 的效果了 9. Local Storage 使用 Local Storage 可以永久存储大的数据片段在客户端（除非主动删除），目前大部分 浏览器已经支持，在使用之前可以检测一下 window.localStorage 是否存在 10. 语义化的 header 和 footer 11. 更多的 HTML5 表单特性 12. IE 和 HTML5 默认的， HTML5 新元素被以 inline 的方式渲染，不过可以通过下面这种方式让 其以 block 方式渲染 header, footer, article, section, nav, menu, hgroup { display: block; } 不幸的是 IE 会忽略这些样式，可以像下面这样 fix: document.createElement(”article”); document.createElement(”footer”); document.createElement(”header”); document.createElement(”hgroup”); document.c reateElement(”nav”); document.createElement(”menu”); 13. hgroup 一般在 header 里面用来将一组标题组合在一起，如 <header> <hgroup> <h1> Recall Fan Page </h1> <h2> Only for people who want the memory of a lifetime. </h2> </hgroup> </header> 14. Required 属性 required 属性定义了一个 input 是否是必须的，你可以像下面这样声明 <input type=”text” name=”someInput” required> 或者 <input type=”text” name=”someInput” required=”required”> 15. Autofocus 属性 正如它的词义，就是聚焦到输入框里面 <input type=”text” name=”someInput” placeholder=”Douglas Quaid” required autofocus> 16. Audio 支持 HTML5 提供了 <audio> 标签， 你不需要再按照第三方插件来渲染音频， 大多数现代浏览器 提供了对于 HTML5 Audio 的支持，不过目前仍旧需要提供一些兼容处理，如 <audio autoplay=”autoplay” controls=”controls”> <source src=”file.ogg” /><!– FF – > <source src=”file.mp3″ /><!– Webkit – > <a href=”file.mp3″>Download this file.</a> </audio> 17. Video 支持 和 Audio 很像， <video> 标签提供了对于 video 的支持， 由于 HTML5 文档并没有给 video 指定一个特定的编码，所以浏 览器去决定要支持哪些编码，导致了很多不一致。 Safari 和 IE 支持 H.264 编码的格式， Firefox 和 Opera 支持 Theora 和 Vorbis 编码的格式， 当使 用 HTML5 video 的时候，你必须都提供： <video controls preload> <source src=”cohagenPhoneCall.ogv” type=”video/ogg; codecs =’vorbis, theora’” /> <source src=”cohagenPhoneCall.mp4″ type=”video/mp4; ’codecs=’avc1.42E01E, mp4a.40.2′” />