Question

正确（语义上）包装<header>和<nav>标记以在后台共享

例如

<div id="background">
  <header> <!-- ... --> </header>
  <nav> <!-- ... --> </nav>
</div>

Answer 1

这是一个有用的东西：http://www.w3.org/wiki/HTML_structural_elements

简而言之：是的，它的有效html5结构

“<div>仍然具有完全有效的用途。当没有其他更合适的元素可用于对内容区域进行分组时，您应该使用它，这通常是在您纯粹使用元素进行分组时用于样式/视觉目的的内容。一个常见的例子是使用a来包装页面上的所有内容，然后使用CSS将所有内容集中在浏览器窗口中，或者将特定的背景图像应用于整个内容。

Answer 2

绝对正确。

您可以嵌套标题和导航，也可以不嵌套。两者都很好。例如，您可以使用以下任何一种：

<div class="wrapper">    
  <header>
    <nav></nav>
  </header>
</div>

<div class="wrapper">    
  <header></header>
  <nav></nav>
</div>

<section>    
  <header></header>
  <nav></nav>
</section>

<article>  
  <header></header>
  <nav></nav>
</article>

是否正确包装<header>和<nav>标签</nav> </header>

2 个答案: