是否正確包裝 <header> 和 <nav> 標簽

Question

（正確地）包裝<header>和<nav>標記以在后台共享是正確的

例

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

Answer 1

這是一本有用的書： http : //www.w3.org/wiki/HTML_structural_elements

簡而言之：是的，其有效的html5結構

“ <div>仍然具有完全有效的用法。當沒有其他更合適的元素可用於對內容區域進行分組時，應該使用它，通常是純粹在使用元素將內容分組以進行樣式/視覺目的。一個常見的示例是使用來包裝頁面上的所有內容，然后使用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>