HTML5引入了更多语义化标签如header, footer, nav等，简化了doctype声明，并新增<audio>和<video>标签用于多媒体播放。表单元素得到升级，包括新增input类型和属性，以及canvas画布功能，提供图形绘制。同时，删除了过时的标签，增加了webstorage和web socket等API。"
105562004,8762095,Node.js 实现SVG验证码及前后端交互,"['nodejs', 'vue', '前端开发', '后端开发']
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
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
