![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=1738874468-IruPEckvAokkqriacWChK7h2nEZ8kwvU-0-9835ecd212cc5f2f560bc861017dae87)
图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=1738874468-hnHA34UNyds1sE8eTXLQ3fB4X9FkDngW-0-f9f4f1971985da03197409c168de45ad)
HTML5新增的标签还有很多,如<canvas>、<video>、<audio>等,这些将在后续章节详细讲解,对其他标签感兴趣的同学可以参考帮助文档进行了解。