本文已参与「新人创作礼」活动,一起开启掘金创作之路。
html5 新增特性
-
(语义化标签)内容元素:header、nav、section 、aside、article、footer
-
input表单控件:email、tel、url、number、date、time、month、week、search、color、calendar(日历)、滑块
input表单属性:form
以往input中的name和value要随着form表单一起提交,form表单必须包裹input,而现在可以通过input的form属性绑定。
-
用于媒介回放的 video视频 和 audio音频元素
-
本地离线存储取代 cookie:
- localStorage 长期存储数据,浏览器关闭后数据不丢失。
- sessionStorage 的数据在浏览器关闭后自动删除。
-
新增绘画元素 canvas (画布)
-
可伸缩矢量图形 svg
-
地理定位:Geolocation,通过window.navigator.geolocation来实现访问
-
HTML5 提供的一个javascript多线程解决方案 Web Workers。
-
websocket为web应用程序客户端和服务端之间(注意是客户端服务端)提供了一种全双工通信机制。
又是一种新的应用层协议。
-
拖放API:
- dragstart:拖动开始
- drag:拖动中
- dragend:拖动结束
-
自定义属性 dataset
-
类名的添加删除 classList.add() classList.remove()
-
离线web应用(页面缓存指的是还有网络状态下,而web离线应用指定是在没有网络状态下可以运行应用)
移出的元素有下列这些: 显现层元素:basefont,big,center,font, s,strike,tt,u。 性能较差元素:frame,frameset,noframes。
总结:
HTML5 已形成了最终的标准,概括来讲,它主要是关于图像,位置,存储,多任务等功能的增加。