HTML5正确嵌套标头标签

我的意思是如何使用标头标签，当它不能正确嵌套在我的布局？ EG：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*

从语义上讲，这是正确的，但它没有正确嵌套，我做错了吗？我是否需要更改我的文档结构？我是迂腐的吗？

来源

2011-03-03 Tom Gullen

它看起来像<div class="mainBox">未关闭。它需要在标题关闭之前关闭。

来源

2011-03-03 21:10:12

我剪掉它，对不起，我没有说清楚。它包含了大量的页面，头部和内容。 – 2011-03-03 21:10:58

如果你说的是真的，那么这个页面在语义上是不正确的。如果div.mainbox在标题标签内启动，它必须在标题标签关闭之前关闭。如果.mainbox应该是整个页面的容器，那么它应该在标题标签之前开始，而不是在它的内部。 – Moses 2011-03-03 21:25:19

您目前使用什么浏览器来测试您的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>

来源

2011-03-03 23:55:10 Alerty

它不是HTML5格式，因为您在标题上放置了

标记而不是标记并且您未关闭

使用必须检查此链接 http://css-tricks.com/snippets/html/html5-page-结构/ – sandeep 2011-03-04 08:54:00

标记而不是？ – tbleckert 2011-04-11 08:54:15

HTML5正确嵌套标头标签

回答

相关问题