H5新特性

248 阅读1分钟

一、H5新语义元素

  1. header标签包含引导和导航等,通常包含h1~h6、搜索框、logo等。
  2. footer标签一般配合address标签(显示地址),包含作者信息、相关链接等。
  3. nav标签一般包含多个a标签,构建导航组件。
  4. aside标签主要装载广告、侧边栏。
  5. article标签包含文章,一般内嵌header、footer、h1、p标签。
  6. section标签可以用在以上任一一个标签中划分组件。
  7. 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