H5新特性

      总的来说，新增三大类：新增标签、新增API、新增应用程序缓存

1新增标签：

新特性	功能
语义化标签	<header>、<footer>、<nav>、<article>、<section> 等，使得开发者能够更清晰地定义页面的结构和内容
多媒体标签	新增了 <audio> 和 <video> 标签及对应的API，使得在网页中嵌入音频和视频内容更加方便
Canvas绘图标签	通过JavaScript API可以在页面上进行动态绘图和图形渲染，从而实现复杂的图形和动画效果
SVG可伸缩矢量图形标签	一种用于在Web页面上呈现图形的XML标记语言，用来描述和绘制各种形状和图形，而且由于它是矢量图形格式，因此可以无损地缩放到任意大小而不失真
新的表单标签	<datalist>、<keygen>、<output>
新的表单类型	<input type="date">、<input type="email">、<input type="url">、<input type="number"> 等，使得表单输入更加方便和语义化

2新增API

新特性	功能
WebStorage本地存储API	包括 localStorage 和 sessionStorage，使得网页能够在客户端存储数据，实现离线应用和更好的用户体验
拖放 API	引入了拖放 API，使得开发者能够更轻松地实现拖放操作，如拖拽元素重新排序、拖拽文件上传等功能
Geolocation地理定位 API	用于获得用户的地理位置
Application Cache应用程序缓存	web 应用可进行缓存，并可在没有因特网连接时进行访问 应用程序缓存为应用带来三个优势：①离线浏览 - 用户可在应用离线时使用它们②速度 - 已缓存资源加载得更快 ③减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源
WebSocket API	在单个 TCP 连接上进行全双工通讯的协议，使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据
Web Worker API	在一个单独的线程中运行，并且与主线程相互独立，可以执行一些耗时的操作，而不会阻塞页面的其他操作
桌面通知Notifications API	允许网页应用程序向用户发送系统级别的通知消息，即使用户当前并不在浏览器页面上
querySelectorDOM选择器API	用于在文档中选择元素

 

3新增应用程序缓存

新特性	功能
Application Cache应用程序缓存	web 应用可进行缓存，并可在没有因特网连接时进行访问 应用程序缓存为应用带来三个优势：①离线浏览 - 用户可在应用离线时使用它们②速度 - 已缓存资源加载得更快 ③减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源