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