Question

<article>
<header>
<p>Author bla bla</p><time datetime="2009-10-22" pubdate>October 22, 2009</time>
<h1>The big title on here</h1>
</header>
<p>some resume</p>
</article>

这不会搞砸文档大纲吗？我问这个，因为从视觉上看，它们应该出现在那个订单上。

Answer 1

<p>和<header>元素都不会对文档大纲产生任何影响。为了概述，在您的示例中，<h1>成为其包含部分的标题，该部分由<article>元素分隔。

Answer 2

是的，<h1>可以跟随<p>

Answer 3

虽然<p>可以在<h1>之后生效，但对于DOM在<p>内创建标题仍然是不正确和不好的。

<html>
<body>

    <!-- Unconventional: The <h1> has a larger scope than <p> and should not
                         live inside of it.  -->

    <p><h1>Hello? Yes this is answer.</h1></p>

    <!-- Conventional: The <h1> is larger in scope than <p> and the <p> is 
                       inside of the <h1>. -->

    <h1><p>Hello? Yes this is answer.</h1></p>   

</body>
</html>

同样，<p>和<h1>可以按照任何顺序出现，只要它们遵循良好的范围约定。

HTML5 - 文档大纲 - 我们可以在标题上的p元素后面有一个h1吗？

3 个答案: