HTML5가 올바르게 중첩 된 헤더 태그

레이아웃에서 올바르게 중첩 할 수 없을 때 어떻게 헤더 태그를 사용하겠습니까? 예 :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

나는, 미안 해요 분명히하지 않았다 그것을 알아 냈다. 그것은 페이지, 머리 및 내용의 많은 encompases. –

당신이 말한 것이 사실이라면 그 페이지는 의미 상 정확하지 않습니다. div.mainbox가 header 태그 내에서 시작되면 header 태그가 닫히기 전에 div.mainbox도 닫아야합니다. .mainbox가 전체 페이지의 컨테이너라고 가정하면, 헤더 태그 안쪽이 아닌 앞에 시작해야합니다. – Moses

현재 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

태그 대신 ? – tbleckert

HTML5가 올바르게 중첩 된 헤더 태그

답변

관련 문제