使用语义标记构建HTML5内容 - listView，页眉，页脚和菜单

Question

HTML5有各种新的节元素。这些元素可能有点令人困惑。我已经看到在这个问题上实际上存在非常不同的意见。我一直忠实地跟着W3schools，我确信这个网站引领了方向，但在this热门问题中，HTLM5标签的使用方式不同。现在，我真的不知道要走哪条路。

让我澄清一下我的要求，请考虑以下布局：

1. 对所有列表项使用<section>标记是否正确？我会用它将主题相关的内容组合在一起。如果是，我应该使用<header>或h1标记作为列表项的标题吗？

2. 使用该部分内的<aside>标记是否正确？可以删除旁边标记内的内容而不降低主要内容的含义。

3. 我应该使用<section>（其中包含<header>和<nav>）作为页面的标题。或直接<header>标记如下？

   <header>
       <div>Logo here</div>    
       <h1>Name of Website</h1>
   
      <nav>
        <ul>
           <li>menu 1</li>
           <li>menu 2</li>
           <li>menu 3</li>
        </ul>
      </nav>
   </header>
   

4. 页脚部分应该是<footer>标记，就像w3schools在example中所做的那样？

5. 我可以在页面中使用多个<nav>标记，从SEO的角度来看是否方便？

Answer 1

1. 这没错。 <article>略胜一筹，但是列表语义和标题（h[1-6]）元素对每个人都更有用，可能就足够了。

2. 是

3. 直接使用<header>。您的示例标记很好，但您的<nav>部分似乎不包含任何链接。

4. 是

5. 你可以。我不能评论SEO。

警告。 W3Schools不是一个很好的网站，关于切片元素的页面通常是无能为力的。虽然他们的页面有时可以提供一个易于理解的主题介绍，但不要将你在那里读到的任何内容视为福音。