html5 新增特性

153 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

html5 新增特性

  1. (语义化标签)内容元素:header、nav、section 、aside、article、footer

  2. input表单控件:email、tel、url、number、date、time、month、week、search、color、calendar(日历)、滑块

​ input表单属性:form

​ 以往input中的name和value要随着form表单一起提交,form表单必须包裹input,而现在可以通过input的form属性绑定。

  1. 用于媒介回放的 video视频 和 audio音频元素

  2. 本地离线存储取代 cookie:

    1. localStorage 长期存储数据,浏览器关闭后数据不丢失。
    2. sessionStorage 的数据在浏览器关闭后自动删除。
  3. 新增绘画元素 canvas (画布)

  4. 可伸缩矢量图形 svg

  5. 地理定位:Geolocation,通过window.navigator.geolocation来实现访问

  6. HTML5 提供的一个javascript多线程解决方案 Web Workers。

  7. websocket为web应用程序客户端和服务端之间(注意是客户端服务端)提供了一种全双工通信机制。

​ 又是一种新的应用层协议。

  1. 拖放API:

    1. dragstart:拖动开始
    2. drag:拖动中
    3. dragend:拖动结束
  2. 自定义属性 dataset

  3. 类名的添加删除 classList.add() classList.remove()

  4. 离线web应用(页面缓存指的是还有网络状态下,而web离线应用指定是在没有网络状态下可以运行应用)

移出的元素有下列这些: 显现层元素:basefont,big,center,font, s,strike,tt,u。 性能较差元素:frame,frameset,noframes。

总结

HTML5 已形成了最终的标准,概括来讲,它主要是关于图像,位置,存储,多任务等功能的增加。