会话存储(sessionStorage)和本地存储(localStorage)在实现方式上十分相似，而仅仅在作用域和数据持久化方面有所区别。浏览器为每种存储类型都提供了一种存储接口：sessionStorage和localStorage,它们都能使用键值对列表存储数据。你可以为一个键设置一个值，然后通过改建访问相应的值。两种存储对象都提供了用于设置值、...

Geolocation API的基本功能是查询浏览器当前所处的位置。getCurrentPosition方法能够通过JavaScript异步调用为你提供这样的信息。已通常JavaScript的同步运行或程序流程不同的是，这里的调用从本质来说就是异步的。通过异步函数的调用，JavaScript在后台运行该调用，并在完成时返回给某个函数。异步调用的形式能使查询不...

使用s元素显示不准确或不相关的内容 以前,s元素是特意用来显示带删除线的文字的。在HTML5中，s元素得以重新定义，它现在用来显示不正确或不相关的内容。 这意味着可以使用它显示某个产品曾经的价格，而这个产品现在的价格已经有所变化。示例如下所示： {代码...} 在HTML4中，s元素被定义为删除线文本，所以默认情况下浏...

如果用户在站点进行搜索，搜索页面中的关键字可以高亮显示。这时，就可以很好的利用到mark元素。不选用strong或者em元素的原因是，我们并非想要强调这些关键字，而仅仅是为用户提供高亮效果。示例如下：

规范中将address元素定义为“分节元素”，与nav或article类似。主要因为我们认为它作为文本级语义更为合适，原因是它的语法与文字内容相关，而不是页面布局。

使用time元素，我们可以插入计算机能够识别的日期和时间，同时又能以一种可读的方式显示给用户。那么利用此元素，我们不仅可以为内容添加如发布时间、事件发生时间等信息，还可以利用其他的技术（比如说日历系统）。time元素有两个可选属性。

figure元素用于插入某张图片并添加描述。在HTML5以前，需要插入图片时只要额外使用div之类的元素才能将文本添加到页面中。这样做的缺点在于图片和图注并无任何关联。而现在添加figure之后，可以再利用figcaption为图片添加图注。

顾名思义，footer元素通常位于页面的底部。尽管footer通常位于某个区域或者页面的底部，但并非总是如此。footer元素旨在包含作者、网站所有者、版权数据、网站规章制度等信息。如果它位于article或section中，则包含文章发布的日期、标记、分类和其他元数据。

在当今的Web开发中，侧边栏在页面中可谓是随处可见。侧边栏并不代表它的位置一定是在网页的两边，而是它经常包括如相关链接和分类列表等内容。要想正确地使用aside，取决于它的放置位置。如果放置在article中，aside内容必须与article内容紧密关联，比如词汇表。如果放置在article或者section之外，则它的内容应该是与整...

section元素是一个总是需要标题的内容区域或页面区域。可以用它将多个部分的内容组合在一起，也可以根据需求，将内容的某一部分进一步划分。它不可用作通用封装器来实现样式上的需求。section元素中可以包含article元素，并且article元素也可以将其内容分割为section。

article元素是一个独立的内容块，它既可以独立存在，也可以被重用。RSS订阅中的内容就非常有代表性，因为每项基本都是独立的文章。你完全可以把某项从中独立抽取出来，而它仍然是具有意义的。

这个元素用来对多个相关联的h1~h6标题进行分组。如果你的网站有副标题，可以使用hgroup元素。虽然hgroup是一个有效的分组选项，但是它主要是用来告知文档大纲哪个标题是最重要的。文档大纲只会包括最顶层的标题。在下面的示例中是h1。

它可以用于特定分段区域（section）的导航，而不仅是页面到页面的导航。诸如搜索栏或者目录等也可以包含在header元素中。下面是个简单的例子：