Css 嵌套<；文章>；及<；h1>；标签？问题:_Css_Html_Tags_Nested

Css 嵌套<；文章>；及<；h1>；标签？问题:

css html tags

Css 嵌套<；文章>；及<；h1>；标签？问题:,css,html,tags,nested,Css,Html,Tags,Nested,以下哪种是嵌套和标记的正确方法，您的理由是什么选择A：一些头衔这里有一些文字等等这是另一段话，里面有其他的文字和其他的东西选择B：这是一个非常棒的标题这里有一段文字等等这是另一段。我觉得这个也很不错关于这一点，意见似乎有分歧，我不是100%正确答案。标题的范围是文章元素（和其他元素）。标题应在其适用的文章内节内容元素中标题内容的第一个元素表示该节的标题 - 如果选择A作为那篇文章的标题，它会更好选择B最好是后面所有文章的标题。选择A。章节标题（H1也是）是你文章的一

以下哪种是嵌套

和

标记的正确方法，您的理由是什么

选择A：


一些头衔
这里有一些文字等等
这是另一段话，里面有其他的文字和其他的东西

选择B：


这是一个非常棒的标题
这里有一段文字等等
这是另一段。我觉得这个也很不错

关于这一点，意见似乎有分歧，我不是100%正确答案。

标题的范围是文章元素（和其他元素）。标题应在其适用的文章内

节内容元素中标题内容的第一个元素表示该节的标题

如果选择A作为那篇文章的标题，它会更好

选择B最好是后面所有文章的标题。

选择A。章节标题（H1也是）是你文章的一部分。

我认为标题是文章的一部分

据我所知，这完全取决于个人品味。只要你写的是有效的HTML5，你就不会得到正确或错误的答案。

我使用的是第一个选项。因为，文章的意思是。因此，此内容应该有一个标题。

讨论文章的标题（元标题）应该在

之外，作为文章一部分的标题（例如章节）应该在

中

所有这些都是我的错

⚠ 警告⚠

这个答案已经严重过时，并且依赖于现在已经过时的文档大纲算法

两者都很好 @David Dorward有一个很好的答案，我本打算对此进行评论，但当我意识到我的评论太长时，我决定只添加我自己的答案

h#

元素在语义上属于它们的父元素

此

h1

是页面的主要标题

<body>
  <h1>Some text</h1>
</body>

<body>
  <article>
    <h1>Some text</h1>
  </article>
</body>

这使我们能够以有意义的方式扩展

h 35;

元素的使用，如下所示：

<body>
  <h1>Blag Tottle</h1>
  <article>
    <h1>Article 1 Title</h1>
    <p>Lorem ipsum etc</p>
  </article>
  <article>
    <h1>Article 2 Title</h1>
    <p>Lorem ipsum etc</p>
  </article>
</body>

这是一个非常全面的答案！别忘了，你可以用

blahautor

来界定你的标题，而不是用

BlahBloopity

。对不起，那是打字错误，我的意思是

。但我想指出的是，如果你在一篇文章的标题下使用了多个东西，一个好的选择是

。然而，我会为作者使用

。已从HTML5规范中删除在单个页面上使用多个h1在语义上是不正确的correct@KoutaNakano是的，这就是我在4年前的评论中提到的。我已经在这个答案中添加了一个警告，因为我没有时间重写它，而且我不能删除它，因为它是公认的答案。

<body>
  <article>
    <h1>Some text</h1>
  </article>
</body>

<body>
  <h1>Blag Tottle</h1>
  <article>
    <h1>Article 1 Title</h1>
    <p>Lorem ipsum etc</p>
  </article>
  <article>
    <h1>Article 2 Title</h1>
    <p>Lorem ipsum etc</p>
  </article>
</body>

<body>
  <h1>Blag Tottle</h1>
  <article>
    <header>
      <h1>Article 1 Title</h1>
      <span class="author">And not a mouse</span>
    </header>
    <p>Lorem ipsum etc</p>
  </article>
  <article>
    <header>
      <h1>Article 2 Title</h1>
      <span class="author">Somebody</span>
    </header>
    <p>Lorem ipsum etc</p>
  </article>
</body>