HTML5新特性

不管是招聘还是聊天经常能听到 h5开发，它指的是什么？和 HTML5有什么关系?

• h5实际上是一个解决方案，一个看起来酷炫的移动端onepage网站的解决方案。而这个解决方案不仅包含了HTML5新增的audio标签，canvas，拖拽特性，本地存储，websocket通信，同时也包括了盒模型，包括绝对定位，包括一切前端的基本知识。
• HTML5

HTML5是什么？有哪些新特性？有哪些新增标签？如何让低版本的 IE 支持 HTML5新标签

HTML5 是对 HTML 标准的第五次修订，目前仍未完工。其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时提供更好地支持各种媒体的嵌入。HTML5 的语法是向后兼容的。

• 语义：能够让你更恰当地描述你的内容是什么。

• 连通性：能够让你和服务器之间通过创新的新技术方法进行通信。

• 离线 & 存储：能够让网页在客户端本地存储数据以及更高效地离线运行。

• 多媒体：使 video 和 audio 成为了在所有 Web 中的一等公民。

• 2D/3D 绘图 & 效果：提供了一个更加分化范围的呈现选择。

• 性能 & 集成：提供了非常显著的性能优化和更有效的计算机硬件使用。

• 设备访问 Device Access：能够处理各种输入和输出设备。

• 样式设计: 让作者们来创作更加复杂的主题吧！

• 新增标签有：<header>、<main>,<footer>,<figure>,<nav>,<aside>,<svg>``<section>,<article>,<canvas>。都是块级元素，主要体现了标签的语义化

• 对于低版本的IE，加入

<scriptsrc="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>

就可以支持HTML5的新标签。

input 有哪些新增类型？

• color
• date
• datetime
• datetime-local
• email
• month
• number
• range
• search
• tel
• time
• url
• week

参考更多

浏览器本地存储中 cookie 和 localStorage 有什么区别？ localStorage 如何存储删除数据。

	cookie	localStorage
有效期	cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭	除非被清除，否则永久保存
数据大小	4K数据极小	5MB
与服务端通信	每次都会携带在HTTP头中	在客户端中保存，不与服务器通信
数据共享	在所有同源窗口中都是共享的	在所有同源窗口中都是共享的