是HTML5语义化标签,用于定义与主内容间接相关的附属信息,如侧边栏、广告、推荐阅读等,提升可访问性、SEO及代码可读性,应避免放入主导航或关键内容。
在HTML5中,侧边栏通常使用 标签来定义。这个标签不仅语义清晰,还能帮助搜索引擎和辅助技术更好地理解页面结构。
什么是 标签?
是HTML5新增的语义化标签,用于表示与页面主要内容间接相关的内容,通常表现为侧边栏。它包含的内容可以是广告、相关链接、作者信息、推荐阅读等。
需要注意的是, 不仅仅是一个视觉上的“侧边栏”,它的核心在于内容的相关性与独立性。即使在页面布局中不是放在侧边,只要内容属于附属信息,就可以使用该标签。
的典型使用场景
以下是 常见的应用情况:
- 文章旁边的推荐阅读列表
- 博客中的分类导航或标签云
- 页面侧边的广告模块
- 文章内部的引用说明(如术语解释)
- 作者简介或联系方式
例如:
推荐阅读
- 如何学习HTML5
- CSS布局技巧

与传统div相比的优势
过去开发者常用
来创建侧边栏,但这种方式缺乏语义。而使用 有以下好处:- 提升可访问性:屏幕阅读器能识别 并告知用户这是附加内容
- 利于SEO:搜索引擎更容易理解页面结构,有助于内容索引
- 代码更清晰:开发者一看就知道这部分是附属信息,便于维护
注意事项
使用 时要注意语义正确性:
- 不要把主导航或页脚信息放进
- 如果内容对主文至关重要(比如步骤说明),就不适合放在
- 可以在 内部使用 ,表示与文章相关但非主体的内容
基本上就这些。合理使用 标签,能让HTML结构更清晰,也更符合现代网页标准。不复杂但容易忽略。








