2011-03-03 71 views
0

我的意思是如何使用標頭標籤,當它不能正確嵌套在我的佈局? 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* 

從語義上講,這是正確的,但它沒有正確嵌套,我做錯了嗎?我是否需要更改我的文檔結構?我是迂腐的嗎?

回答

2

它看起來像<div class="mainBox">未關閉。它需要在標題關閉之前關閉。

+0

我剪掉它,對不起,我沒有說清楚。它包含了大量的頁面,頭部和內容。 – 2011-03-03 21:10:58

+1

如果你說的是真的,那麼這個頁面在語義上是不正確的。如果div.mainbox在標題標籤內啓動,它必須在標題標籤關閉之前關閉。如果.mainbox應該是整個頁面的容器,那麼它應該在標題標籤之前開始,而不是在它的內部。 – Moses 2011-03-03 21:25:19

1

您目前使用什麼瀏覽器來測試您的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> 
+1

它不是HTML5格式,因爲您在標題上放置了

標記而不是標記並且您未關閉
使用必須檢查此鏈接 http://css-tricks.com/snippets/html/html5-page-結構/ – sandeep 2011-03-04 08:54:00

+0

標記而不是? – tbleckert 2011-04-11 08:54:15