【HTML】H5新特性有哪些?看这篇文章就够了

9,713 阅读1分钟

H5拥有6种新特性

  1. 语义化标签,例如header,footer,section,article等 语义化标签的作用:提升页面的阅读性(结构性增强),更有利于SEO,对于使用屏幕阅读器的人来说会更友好(有明显的语气差别,例如strong标签内的内容会重读);
  1. 新增媒体元素,audio、video audio和video标签能够很容易的输出音频或视频流,提供便利的获取文件信息的API
    更多详细属性参考 MDN audio MDN video

3.用于绘画的canvas属性 Canvas API 提供了一个通过JavaScript 和 HTML的canvas元素来绘制图形的方式。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。
更多详细属性参考 MDN canvas

  1. 新增本地存储方式:sessionStorage、localStorage sessionStorage 用于存储会话级别的数据,会话关闭,数据消失,不可设置过期时间。
    localStorage 用于存储需要进行持久化存储的数据,只要不主动删除,数据不会消失。
    更多详细属性参考 MDN sessionStorage
    更多详细属性参考 MDN localStorage
  1. 新的技术:webworker、websocket webworker:用于多线程编程
    websocket:客户端与服务端双向数据通信协议
  1. 新增的表单控件:calendar、date、time、email、url、search 更多详细属性参考 MDN input