html新特性(部分)
1、 audio / vedio
在audio / vedio之间的文字主要是当浏览器不支持该资源的时候显示
ps:火狐不支持.mp4格式的,所以使用vedio的时候可以使用引入多个<source>来让浏览器之间更好地兼容
2、 SVG
SVG可以外部创建一个文件,后缀名为.svg,然后在html通过src引入文件来使用它,但是外部创建的文件要记得添加头文件<?xml version=”1.0”?>
3、 客户端存储数据:可以通过检查元素的Resources,来查看存储的数据
(1) localStorage (没有时间限制,可以长时间存储)
使用的话,主要是通过localStorage.text来存取
(2) sessionStorage (一关闭窗口就会清除数据)
使用的话主要是通过sessionStorage.XX 来存取,XX可以自己定义
4、 应用缓存
法一:在html中加入,比如:<html manifest="myCache.appcache">
一般命名的后缀是.appcache,然后在这个文件里面加入自己想要的缓存的文件
注意:首次使用的时候要打开服务器,
比如:myCache.appcache可以这样写:
CACHE MANIFEST
CACHE(要缓存的文件)
appCache.html
NETWORK(不缓存的文件)
5、 Web Worker(运行在后台的JavaScript,独立于其他脚本,不影响性能)
方法:
(1) postMessage()[用于向HTML页面传回一段消息]
(2) terminate()[终止Web worker ,并释放浏览器/计算机资源]
事件:
- onmessage()
在js中:
var work = new Worker(“XX.js”);
work.onmessage = function(e){
// e.data;获取数据
}
XX.js中:要使用postMessage()
注意:给Web Worker终止之后,还需要记得重新给他初始化
6、 HTML5服务器推送事件
WebSocket
HTTP轮询: