HTML5正确嵌套标题标记

当我无法在布局中正确嵌套时,我的意思是如何使用标头标签?例如:
<body>

<header>

<div class="topBar"></div>
<div class="mainBox">
    <div class="headWrapper">       
        <div class="searchWrap">
            <label for="SearchBox">Search Scirra</label>
            <input type="text" name="SearchBox" id="SearchBox" tabindex="1" />
            <div class="s searchIco"></div>
        </div>
        <!-- Logo placeholder -->       
    </div>

    <nav>
        <ul class="mainMenu">
            <li><a href="#">Home</a></li>
            <li><a href="#">Forum</a></li>
            <li><a href="#" class="mainSelected">Construct</a></li>
            <li><a href="#">Arcade</a></li>
            <li><a href="#">Manual</a></li>
        </ul>
        <ul class="underMenu">
            <li><a href="#">Homepage</a></li>   
            <li><a href="#">Construct</a></li>
            <li><a href="#" class="underSelected">Products</a></li>
            <li><a href="#">Community Forum</a></li>
            <li><a href="#">Contact Us</a></li>
        </ul>
    </nav>

    </header>

    <div class="contentWrapper">
        <div class="wideCol">
                 Content!  Whee whee!  Elephants are powerful!  Elephants are strong!
                 *SNIP REST OF DOCUMENT THAT FLOWS FROM HERE*
在语义上这是正确的,但它没有正确嵌套,我做错了/对吗?我需要更改文档结构吗?我是迂腐吗?     
已邀请:
看起来
<div class="mainBox">
没有关闭。它需要在标题关闭之前关闭。     
您目前使用哪种浏览器来测试HTML5?根据浏览器的不同,您可能无法正常工作。 有效的HTML5页面可能如下所示:
<!DOCTYPE HTML>
<html>
  <head>
    <title>TITLE</title>
  </head>
  <body>
    <section>
      <header>
        <h1>HTML5!</h1>
      </header>
      <p>
        lalalal bla bla bla!
      </p>
    </section>
  </body>
</html>
    

要回复问题请先登录注册