讲了哪些HTML标记,HTML讲解-优快云博客

本文介绍了HTML5的几个关键元素，如header、footer、nav、aside、article、section和h1~h6的用途。同时，讨论了本地存储的sessionStorage和localStorage的区别，以及indexedDB在存储需求过大时的应用。此外，提到了离线Web应用的概念，通过manifest文件实现。还提及了表单的新功能，CSS3的增强选择器和样式效果，以及GeolocationAPI用于获取地理位置信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、header标签包含引导和导航等，通常包含h1~h6、搜索框、logo等。

2、footer标签一般配合address标签(显示地址)，包含作者信息、相关链接等。

3、nav标签一般包含多个a标签，构建导航组件。

4、aside标签主要装载广告、侧边栏。

5、article标签包含文章，一般内嵌header、footer、h1、p标签。

6、section标签可以用在以上任意一个标签中划分组件。

7、h1~h6，主要用于标题。

二、本地存储

h5中，提供了我们熟悉的sessionStorage、localStorage以及indexedDB,他们之间的区别我会专门写一篇文章去分析，这里简单说一句，sessionStorage和localStorage的主要区别就是sessionStorage是基于会话的，页面关闭，即消失，可以理解为"阅后即焚",而localStorage是永久储存在本地，localStorage的大小在各个浏览器中有些许不一样，而最低值为2.6M，所以localStorage不能超过2.6M，如果不够的话，可以通过indexedDb来实现，indexedDB上线为250M。(说实在的，我是没用过indexedDB，可能我写的项目都比较小？没那么复杂的？哪位读者要是用过，欢迎留言分享)

三、离线web应用

不知道大家有没有注意到，有些页面即使我们没有网络，也是能打开的，这里用到的就是H5中新增的离线web应用，而它的核心就是manifest文件，使用方法也非常简单，只需要在html标签中加上属性，如图：

四、表单新增功能

以前想用表单功能，input标签必须包裹在form标签内，现在可以通过input的form属性来实现，使自己的代码更加整洁，

/form>

// 两种写法的效果是一样的

五、CSS3

CSS3提供了更多的选择器，如before、after、first-child、nth-child，以及一些新的样式效果，如box-shadow、text-shadow、background-size。

六、地理定位

h5提供了Geolocation API访问地理位置，即通过window.navigator.geolocation来实现访问。这个对象有三个方法

getCurrentPosition()

watchPosition()

clearWatch

页面第一次使用这个api需要获得用户许可, watchPosition可以对位置变化事件进行监听。