Skip to content

Latest commit

 

History

History
52 lines (32 loc) · 2.75 KB

HTML.md

File metadata and controls

52 lines (32 loc) · 2.75 KB

HTML5

音频和视频

HTML5 的音频和视频元素 (audio/video) 使得在网页上不用插件即可使用媒体文件,此外 audio 和 video 元素还提供了通用的,集成化的,可脚本控制的 API; 需要了解 audio/video 的容器文件,编解码器以及如果让浏览器自动选择合适媒体类型进行播放的机制.

Geolocation API

HTML5 Geolocation API 返回坐标的格式为十进制格式. 位置信息由于采用不同数据源具有不同的特点:

  • IP 地址获取定位数据的优点是在任何地方都可用,但是其定位精度不高且运算代价大;
  • GPS 获取定位数据定位精确,但是定位时间长,需要额外硬件设备且室内效果不好;
  • Wi-Fi 获取定位数据采用三角距离计算,定位精确,可简单快捷定位,但是在乡村等无线接入点较少的地区效果不好;
  • 手机基站获取定位数据依据基站位置计算,优点与 Wi-Fi 定位相同,但缺点为需要能够访问手机的设备,且在基站较少的偏远地区效果不好;
  • 用户自定义地理定位数据,如邮编等等;

在浏览器中实现请查阅 Navigator.geolocation API.

Communication API

跨文档消息通信使用 postMessage() 实现, 详情见 MDN.

XMLHttpRequest Level 2 主要有两方面的特点: 跨源 XMLHttpRequests 以及进度事件.其主要的改进为对 readystatechange 事件的改进.

WebSockets API

通过换用 HTML5 WebSockets 来替代轮询实现可以减少不必要的网络流量

Forms API

HTML5 Forms API 新增的特性,海曙以及元素包括 placeholder, autocomplete, autofocus, list 特性和 datalist 元素 (Safari不支持), min 和 max, step, valueAsNumber 函数和 required.

Web Workers API

Web Storage API

  • sessionStorage: 只要浏览器窗口(或标签)不关闭它们就会一直存在.
  • localStorage: 生命周期更长,数据可被同源的每个窗口或者标签页共享.
  • Web SQL Database 是一个已经废弃的规范,但是鉴于除了IE和Firefox,其它浏览器都已经实现了 Web SQL Database,并且它还具有一些 HTML5 Storage 所不具有的特性,所以还是值得了解一下的.

构建离线 Web 应用

application cache 被废弃了,采用 Service Workers 替代(目前仍为实验阶段)

HTML5 未来展望

  • WebGL
  • 设备
  • 音频数据 API
  • 视频元素改进
  • 触摸屏设备事件
  • P2P 网络