1. 简化的语法
HTML5简化了很多细微的语法,例如doctype的声明,你只需要写<!doctype html>就行了。HTML5与HTML5,XHTML1兼容,但是与SGML不兼容。
2. 更加语义化标签(开发者可以更加优雅,网页结构更清晰)
header、footer、nav、article、figure...但这些表情不兼容ie6-8,(兼容处理:html5.min.js;)
3. 新增<audio> 和<video> 标签
这两个标签可能是HTML5里面最有用的两个标签了。从意思上不难理解,这两个标签是用来播放音频和视频的。
4. 表单元素的升级
传统的表单元素:form、laber、textarea、select、button...
input(text、password、radio、checkbox、file、submit、reset、button)
Html5给input新增加一些类型(search、email、number、tell、range、color、date)
升级:给表单元素新增加属性placeholder(给表单元素设置提示信息)
升级:提供了新的下拉框方式
5. 新增canvas标签
我们可以基于js,把它作为一个画布,绘制出想要的图形或者动画,Flash给很多Web开发者带来了麻烦,要在网页上播放Flash需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就能和用户产生UI交互。虽然目前<canvas>标签还不能实现Flash的所有功能。
Echarts图表插件(http://echarts.baidu.com),它是基于canvas实现
6. 删除<b> 和<font> 标签
7. 删除<frame>, <center>, <big> 标签
8. 新增一些API(主要是供js使用的)
- webstorage:localStorage、seessionStorage 本地存储解决方案
- web socket:新的客户端和服务器端通信方案
- 获取地理位置或者重力感应等API