什么时候将 <h1>-<h6> 放在 <header> 元素中?

use*_*069 1 html semantics

header什么时候在元素中放置标题?我无法理解,有时在我看来,每个标题都必须在header标签之间。

让我们以这个侧边栏为例:
在此处输入图片说明

如何编码?

<aside>
  <header>
    <h1>How to format</h1>
  </header>
</aside>
Run Code Online (Sandbox Code Playgroud)

或者

<aside>
  <h1>How to format</h1>
</aside>
Run Code Online (Sandbox Code Playgroud)

Ger*_*osi 5

请参阅header元素的规范:

header 元素通常用于包含节的标题(h1-h6 元素),但这不是必需的。header 元素还可用于包装部分的目录、搜索表单或任何相关徽标。

所以你可以在一个页面中有很多标题元素(它不限于页面顶部),你可以在标题周围使用它,但它是可选的。这意味着您的两个示例都是正确的。

  • 两个代码示例(假设 `aside` 元素中还有其他内容,如图所示)形式上是正确的,但是使用 `h1` 依赖于大纲算法是“[危险小说](http://www.paciellogroup) .com/blog/2013/10/html5-document-outline/)”。在这里使用 `header` 元素几乎没有任何好处,因为它是单个元素的包装器。 (2认同)