可合法嵌套在内,用于定义文章级标题、作者、时间等元信息,语义明确且被辅助技术正确识别;典型内容包括主标题、副标题、作者、发布时间等。

Header 标签可以合法嵌套在 Article 内部,且语义明确、推荐使用。它用于定义 article 级别的标题性内容(如标题、副标题、作者信息、发布日期等),与页面级的 互不冲突,浏览器和辅助技术都能正确识别其作用范围。
Article 内部 Header 的典型用途
Article 中的 不是装饰性容器,而是承载该文章自身的元信息和引导内容:
- 主标题(
~)——建议用或更浅层级,避免破坏整页标题结构 - 副标题或导语(
) - 作者姓名、头像、机构(
@#@#@#@#@#@#@#@#@#@0>
移动优先不是口号……
Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转下载实现 Markdown↔ HTML 互转,支持导出 PDF,用于用户请求的文档格式转换。
需要注意的常见误区
-
不要在 header 内放 article 主体内容:正文段落、图片、列表应放在
外部 -
避免多层嵌套 header:Article 内只需一个
;若需分组,用或- 标题层级要合理:Article 内的
应与页面大纲一致;多个 article 并列时,都用是常规做法- header 不必包含标题:纯元信息(如仅作者+时间)也可用
,HTML5 规范未强制要求含 heading 元素与页面级 Header 的关系
页面
和 article是独立语义单元。前者描述整个页面(如网站 logo、主导航),后者专属于当前文章。两者可同时存在,不会混淆解析逻辑,搜索引擎和读屏软件会根据上下文区分作用域。 - 标题层级要合理:Article 内的
-
不要在 header 内放 article 主体内容:正文段落、图片、列表应放在
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










