Question

我何时将标题放在header元素中？我无法理解，有时在我看来每个标题都必须在header标签之间。

我们以这个侧边栏为例：
enter image description here

如何编码？

<aside>
  <header>
    <h1>How to format</h1>
  </header>
</aside>

或

<aside>
  <h1>How to format</h1>
</aside>

Answer 1

请参阅header元素的规范：

标题元素通常包含节标题（一个h1-h6元素），但这不是必需的。标题元素可以也可用于包装部分的目录，搜索表单或任何相关的标志。

因此，您可以在页面中包含许多标题元素（它不限于页面顶部），您可以在标题周围使用它，但它是可选的。这意味着您的两个示例都是正确的。

Answer 2

<header>为我们提供了一些很好的语义值来描述一个部分的头部。您可以在网页中使用多个标题，然后每个标题将成为文档该部分的<header>。因此，使用<header>取决于该部分的复杂性。它越复杂，标题元素就越必要。 <header>通常至少包含（但不限于）一个标题标记（<h1> – <h6>）。

希望有所帮助

Answer 3

标题标记用于显示在页面顶部的内容 - 有时称为横幅。因此，当您的h1-h6标签位于页面的横幅中时，请将其放入其中。

像页眉和页脚这样的标签基本上只是将div重命名为组织理智。将来，搜索引擎和浏览器可能会查找页眉和页脚标签，以帮助他们更好地处理和显示信息。现在，它可以让你避免盯着一堆div标签。

<html>
<head>
</head>
<body>
    <header> Web page Banner</header>
    <div>Content</div>
    <footer>Web page bottom </footer> 
<body>
</html>

而不是......

<html>
<head>
</head>
<body>
    <div> Web page Banner</div>
    <div>Content</div>
    <div>Web page bottom </div> 
<body>
</html>

我何时将<h1> - </h1> <h6>放在<header>元素中？</header> </h6>

3 个答案: