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

Question

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

对于搜索引擎优化,假设相关的关键字是页面标题而不是网站标题,那么结构是否是最好的选择？谢谢

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

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

Answer 1

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

在 html5 中，使用标题和部分时，必须检查每个部分是否有自己的标题。您可以使用大纲视图查看结构如何。
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>