花铛

Fetch API 是近年来被提及将要取代 XHR 的技术新标准。Fetch API 基于 Promise，用于浏览器发起网络请求，它提供了一种更简洁的方式来进行网络通信。Fetch API 只适用于浏览器，不适用于 Node.js。

data-

Web Worker 允许一段 JavaScript 程序运行在主线程之外的另外一个线程中。JavaScript 是单线程的，如果程序运算过多的话，会出现页面卡顿甚至假死的现象。Web Worker 的出现，就是来解决这种问题的，可以将计算密集型任务分离在一个额外的线程内，只需在 Web Worker 运算结束后，将数据传回主线程即可，这样能有效地减少主线程的压力，提高用户的体验度。但也不应该过度使用，它也会占用浏览器资源。Web Worker 中不能操作 DOM。

拖放，即抓取对象以后拖到另一个位置。在 HTML5 中，任何元素都能够拖放。

HTML5 引入了应用程序缓存 Application Cache，这意味着 Web 应用可以进行缓存，在没有因特网连接时进行访问。一旦应用被缓存，它就会保持缓存直到发生下列情况：manifest 文件被修改、用户清空浏览器缓存、程序更新应用缓存。

传统的HTTP协议是无状态的，每次请求(request)都要由客户端(如浏览器)主动发起，服务端进行处理后返回response结果，而服务端很难主动向客户端发送数据。这种客户端是主动方，服务端是被动方的传统web模式，对于信息变化不频繁的web应用来说造成的麻烦较小，而对于涉及实时信息的web应用却带来很大的不便。如带有即时通信、实时数据、订阅推送等功能的应用，在websocket规范提出之前，...

HTML5 有一个 Server-Sent Events（SSE）功能，允许服务端推送数据到客户端，通常叫数据推送。当数据源有新数据，它马上发送到客户端，不需要再等待客户端请求。

最早的在客户端存储数据用的是 Cookie，Cookie 主要用来保存用户的状态，并不适合用于保存客户端的本地数据。有以下几个原因：浏览器每次请求服务器都会将 Cookie 发送至服务器，增加不必要的流量消耗；Cookie 的存储容量极小，每个 Cookie 的长度不能超过 4kb，超过的话会截掉超出大小的最早存储的数据；浏览器会对 Cookie 的存储数量进行限制；Cookie 存储数据的规则，并不那么好用，结构不也够清晰。后来又出现了 localStorage 和 sessionStorage。

早期 Web 中使用 Cookie 在客户端保存诸如用户名等简单信息。

HTML5 Geolocation 地理定位用于获取用户的地理位置。由于该特性可能侵犯用户的隐私，所以除非用户同意，否则用户位置信息是不可用的。想要获取用户的位置信息，先需要电脑或手机允许浏览器定位，然后需要浏览器允许网站定位，才能成功。

多媒体：是指多种媒体的综合。一般包括文本、声音、图像等多种形式。之前想要播放互联网上的音视频，必须先安装一些插件；现在 HTML5 多媒体技术使得开发人员不必使用插件就能播放音视频。音视频文件：都是容器文件，也就是在文件里面存放很多数据，包含音视频轨道，其他元数据（音视频封面，标题，子标题，字幕等相关信息）。编解码器：就是对应的一个编码器，一个解码器。音视频的编解码器就是一组算法，用来对一段特定音视频流进行编码或解码，以便音视频能正常播放。

svg><svg>

canvas 元素是 HTML5 新增的专门用来绘制图形的元素。canvas 元素是一块无色透明的区域，本身只是一个容器，开发者通过 JavaScript 脚本在区域上实现任意绘图。

datalist>