![Web前端学习笔记:HTML5+CSS3+JavaScript](https://wfqqreader-1252317822.image.myqcloud.com/cover/365/31304365/b_31304365.jpg)
上QQ阅读APP看书,第一时间看更新
2.3 HTML5新增标签简介
在此主要介绍HTML5新增结构标签。使用结构标签可以提升网页文档的可读性,并且有利于搜索引擎优化。HTML5新增的结构标签主要包括以下7个:<section>、<article>、<header>、<hgroup>、<footer>、<nav>、<aside>。HTML5结构标签布局示意图如图2-16所示。
![](https://epubservercos.yuewen.com/B78585/16948916704924306/epubprivate/OEBPS/Images/978-7-111-60090-9-Part01-57.jpg?sign=1738831183-5pdpZyWhrezMkqDZht2QU3tmHa6kDRth-0-64c8fa01e5cbf6efa39089b6507bd720)
图2-16 HTML5结构标签布局示意图
7个结构标签的具体含义见表2-4。
表2-4 HTML5新增的结构标签及其作用
![](https://epubservercos.yuewen.com/B78585/16948916704924306/epubprivate/OEBPS/Images/978-7-111-60090-9-Part01-58.jpg?sign=1738831183-oGtphNk0solNGWtszU9Wu5N04qgRWqbJ-0-f5897a0cb97630973c7fef94c6bc11e9)
HTML5新增的标签还有很多,如<canvas>、<video>、<audio>等,这些将在后续章节详细讲解,对其他标签感兴趣的同学可以参考帮助文档进行了解。