- Web开发技术:HTML、CSS、JavaScript
- 赵振
- 217字
- 2021-04-02 20:21:04
2.3 HTML5新增标签简介
在此主要介绍HTML5新增结构标签。使用结构标签可以提升网页文档的可读性,并且有利于搜索引擎优化。HTML5新增的结构标签主要包括以下7个:<section>、<article>、<header>、<hgroup>、<footer>、<nav>、<aside>。HTML5结构标签布局示意图如图2-16所示。
![](https://epubservercos.yuewen.com/9BA8D0/16948916504923706/epubprivate/OEBPS/Images/a-0126.jpg?sign=1739186383-iIaiP7GfjOmqp48fQLEV9w8TNYX7S7XV-0-2f864a96c92db03f03b73fe2c0dc13ad)
图2-16 HTML5结构标签布局示意图
7个结构标签的具体含义见表2-4。
表2-4 HTML5新增的结构标签及其作用
![](https://epubservercos.yuewen.com/9BA8D0/16948916504923706/epubprivate/OEBPS/Images/a-0127.jpg?sign=1739186383-n7wqR1e2IOIOS7pTjvzK6R8lDaduXWL3-0-e90fe8fff332d4492fbce54e3b2d4de6)
HTML5新增的标签还有很多,如<canvas>、<video>、<audio>等,这些将在后续章节详细讲解,对其他标签感兴趣的同学可以参考帮助文档进行了解。