HTML5 의미론 혼성

Question

마침내 HTML5 &을 살펴보기로 결정했지만 언제 어디서 어떤 의미 론적 태그를 사용할지 모르는 충돌 계정과 혼란스러워했습니다.

HTML5가 의미 상으로 정확한지, 그리고 "항목 이미지"주위에 < 숫자 태그가 있어야하는지 여부는 누구에게도 알 수 있습니까? 사전

<div> 

    <!-- Header/Logo --> 
    <header> 
     <div> 
      <h1 class="hidden">Website name</h1> 
      <a href="/"> 
       <img id="Logo" src="#" alt="Website name" /> 
      </a> 
     </div> 

     <!-- Main site nav --> 
     <nav> 
      <ul> 
       <li><a href="#">menu1</a></li> 
       <li><a href="#">menu2</a></li> 
       <li><a href="#">menu3</a></li> 
      </ul> 
     </nav> 
    </header> 



    <!-- Item menu --> 
    <aside> 
     <ul> 
      <li> 
       <h2>ItemMenu1</h2> 
       <ul> 
        <li>opt1</li> 
        <li>opt2</li> 
        <li>opt3</li> 
       </ul> 
      </li> 
      <li> 
       <h2>ItemMenu2</h2> 
       <ul> 
        <li>opt1</li> 
        <li>opt2</li> 
        <li>opt3</li> 
       </ul> 
      </li> 
     </ul> 
    </aside> 



    <!-- Items --> 
    <section> 
     <ul> 
      <li> 
       <article> 
        <h2><a href="#">Item 1</a></h2> 
        <a href="#"><img src="#" alt="image of item" /></a> 
        <p>Date added: <time datetime="2011-07-30">7/30/2011</time></p> 
        <p>Price: $$$$</p> 
        <p>[Brief descrition..]</p> 
       </article> 
       <article> 
        <h2><a href="#">Item 2</a></h2> 
        <a href="#"><img src="#" alt="image of item" /></a> 
        <p>Date added: <time datetime="2011-07-30">7/30/2011</time></p> 
        <p>Price: $$$$</p> 
        <p>[Brief descrition..]</p> 
       </article> 
      </li> 
     </ul> 

     <!-- Paging --> 
     <nav> 
      <ul> 
       <li><a>Prev</a></li> 
       <li><a>1</a></li> 
       <li><a>2</a></li> 
       <li><a>3</a></li> 
       <li><a>Next</a></li> 
      </ul> 
     </nav> 
    </section> 


    <footer> 
     <div> 
      <p>Copyright...</p> 
      <!-- Site links etc --> 
      <nav> 
       <ul> 
        <li>...</li> 
       </ul> 
      </nav> 
     </div> 
    </footer> 


</div> 

Answer 1

section은 제목을 지정하지 않았기 때문에 잘못 사용하고 있습니다. 올바르지 않은 래퍼로 사용하고 있습니다. div이 그랬을 것입니다.

Answer 2

<figure> 및 <figurecaption>에서

덕분에 같은 코드 cxamples로, 문맥에 맞게 해달라고 내용을 표현하기 위해 사용된다. 주제 나 다른 것에 추가 정보를 제공하는데도 사용할 수 있습니다.

whatwg.org에서 정의를 읽었습니까?