<div id="header">
  <img src="/img/logo.png" alt="Mylogo" />

  <ul id="misc-nav">
    <li>..</li>
  </ul>

  <header>
    <h1>Welcome to Bob's Website of Fantastical Conbobulations</h1>
    <p>The smell of invention awaits you...</p>
  </header>
</div>

和

<header>
  <img src="/img/logo.png" alt="Mylogo" />

  <ul id="misc-nav">
    <li>..</li>
  </ul>

  <h1>Welcome to Bob's Website of Fantastical Conbobulations</h1>
  <p>The smell of invention awaits you...</p>
</header>

我的例子可能不是完美的,但是我想知道标签的目的是为了内容的语义定义,还是CSS的块级结构定义？

这是我的理解from the spec itself,第一个例子是正确的解释,但我看到第二个被称为正确的方式.

你可以提供任何清晰度吗？