一、H5新语义元素
- header标签包含引导和导航等,通常包含h1~h6、搜索框、logo等。
- footer标签一般配合address标签(显示地址),包含作者信息、相关链接等。
- nav标签一般包含多个a标签,构建导航组件。
- aside标签主要装载广告、侧边栏。
- article标签包含文章,一般内嵌header、footer、h1、p标签。
- section标签可以用在以上任一一个标签中划分组件。
- hgroup顾名思义是h1~h6的集合。
二、本地存储
- localStorage 生命周期是永久,这意味着除非用户显示在浏览器提供的UI 上清除 localStorage 信息,否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信。
- sessionStorage 仅在当前会话下有效,关闭页面或浏览器后被清除。存 放数据大小为一般为 5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信。源生接口可以接受,亦可再次封装来对 Object 和 Array 有更好的支持。
- 作用域不同
不同浏览器无法共享 localStorage 或 sessionStorage 中的信息。相同浏览器的不同页面间可以共享相同的 localStorage(页面属于相同域名和端口),但是不同页面或标签页间无法共享 sessionStorage 的信息。这里需要注意的是,页面及标
浏览器提供了storage事件来监听存储
三、地理定位
h5提供了Geolocation API访问地理位置,即通过window.navigator.geolocation来实现访问。这个对象有三个方法:
getCurrentPosition()
watchPosition()
clearWatch