2014-06-17 5 views
0

이 구조가 의미상으로 올바 릅니까? 이 구조가 의미 론적으로 올바른지 아닌지 생각하고있었습니다.다중 헤더 태그가있는 html5 구조

<html> 
    <head></head> 
    <body> 
    <header></header> 
    <section> 
     <header> 
     <h1></h1> 
     </header> 
    </section> 
    <section> 
     <header> 
     <h1></h1> 
     </header> 
    </section> 
    </body> 
</html> 
+0

참조 : http://stackoverflow.com/questions/7405282/how-to-properly-use-h1-in -html5 – Jatin

답변

1

실제 내용에 크게 의존합니다.

예를 들어,이 구조의 문서는 책을 나타낼 수 있습니다. 첫 번째 header은 이름, 저자, 목차 등과 같은 책에 대한 메타 정보를 포함 할 수 있습니다. 각 section은 장을 나타낼 수 있습니다. sectionheader 등 이름, 헌신과 같은 장에 대한 메타 정보를 포함 할 수

<!doctype html> 

<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>My Awesome Book</title> 
    </head> 
    <body> 
    <header> 
     <h1>My Awesome Book</h1> 
     <nav> 
     <h1>Table of Contents</h1> 
     <ul> 
      <li> 
      <a href="#chapter1">Chapter 1</a> 
      </li> 
      <li> 
      <a href="#chapter2">Chapter 2</a> 
      </li> 
     </ul> 
     </nav> 
    </header> 
    <section id="chapter1"> 
     <header> 
     <h1>Chapter 1</h1> 
     <p>This chapter is dedicated to voices in my head. Thank you for inspiration.</p> 
     </header> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, velit!</p> 
    </section> 
    <section id="chapter2"> 
     <h1>Chapter 2</h1> 
     <p>Asperiores corporis illum minus vel tempora non voluptate dolores itaque nam?</p> 
    </section> 
    </body> 
</html>