站点标题和页面标题的HTML5结构

Question

下面的结构是正确的还是不需要 section 标签？

对于 SEO，假设相关关键字是页面标题而不是网站标题，下面的结构是否是最佳优化？谢谢

    <header>
        <h1>Site Title</h1>
    </header>

    <section>
        <h1>Page Title</h1>
        <p>Page Content Here</p>
    </section> 

Answer 1

不要滥用章节和文章标签的使用，将它们用于结构，而是继续使用 div。

在 html5 中，使用标题和部分时，必须检查每个部分是否有自己的标题。可以用outliner看看结构如何。
http://gsnedders.html5.org/outliner/

根据您的情况，您会注意到网站标题的相关性仍然高于页面标题。没关系。但最好使用 div 将标题与内容分开。

//回复 12/03/01

您可以尝试使用一些奇怪的绝对位置来实现您的目标:首先，该部分必须有一个标题，否则它将为空。

<header>
   <h1 id="position-me-in-section">Page Title h1</h1>
</header>

<div id="content">
    <section>
        <h6 id="position-me-in-header">Site Title h6</h6>
        <p>Page Content Here</p>
    </section> 
</div>