·1.语义化标签
header、footer、section、nav、aside、article
2.新的表单元素
progress 进度条,展示连接/下载进度
meter 刻度尺/度量衡,描述数据所处的阶段(红色危险,黄色警告,绿色优秀)
output:输出内容,与以上表示所处的数据是经过计算而输出得到的
3.表单新属性
placeholder:占位提示文字
mutiple:是否允许多个输入
autofocus:自动获得输入焦点,页面上只能有一个
form:指定输入元素所丛书的表单,可以实现输入框放在表单外部并能被提交的效果
4.新的表单类型
type: number、email、tel、calendar、time、search等
5.本地存储
localstorage、sessionStorage、indexedDB
区别:
localstorage一直存在,sessionStorage关闭页面之后消失;
localstorage没有过期时间(可以加字段解决),cookie有(如果不设置具体时间,关闭浏览器消失);
localstorage存储上限最低为2.6M(cookie上限为4095字节),如果高于2.6M使用indexedDB,indexedDB上限250M;
6.离线web应用
页面缓存指在有网络的状态下,离线web应用指的是在没有网络的情况下可以运行的应用。
if(window.applicationCache){
//支持离线应用
}
manifest文件是核心,记录着哪些文件需要离线缓存,如果使用manifest,在html标签内添加属性
<html manifest="cache.manifest">
manifest文件格式如下
CACHE MANIFEST
#缓存的文件
index.html
test.js
#不做缓存
NETWORK
/images/
FALLBACK
offline.html index.html
7.地理定位
提供 api访问地理位置,通过navigator.geolocation来实现访问
有三个方法:
getCurrentPosition()
watchPosition()
clearWatch