H5新特性

html发展到html5
新增了很多方便网页开发的新特性,直接列举10点
1.语义化标签
2.增强型表单
3.多媒体音频,视频
4.画布canvas
5.绘制矢量图svg
6.鼠标拖放API
7.地理定位
8.web worker
9.web storage
10.web socket

分条说明:
1.语义化标签
比如页面结构的标签 header,footer,section,article,aside
2.增强型表单
比如给文本框添加了多种类型,数字输入框,email输入框,url输入框等,为我们省去了自己写正则校验
3.多媒体音频,视频
这两个可以直接使用对应的标签audio,video.再进行相应的dom操作 即可达到自己想要的控制效果
4.画布canvas,
直接调用对应的标签canvas,再用js控制 可以绘制表格,柱状图等.可以使用第三方echarts库
5.绘制矢量图svg
这个可以用来绘制一些自己需要的矢量图,一些图标等
6.鼠标拖放API
新增鼠标监听事件-拖拽.分为拖拽前,拖拽中,拖放后几个阶段的过程
7.地理定位
待完善…
8.web worker
js多线程,这个是用js模拟出来的多线程,本质上还是单线程,使用的限制也比较多
9.web storage
浏览器存储技术,分为session storage和local storage两种
10.web socket
使用ws通信协议,达到服务器端 浏览器端 双向实时通信