[HTML5] 1_2. 섹션 관련 요소

<header>

• 새로 추가된 요소
• 페이지의 헤더, 섹션안의 헤더[article안의 header]
• 페이지헤더 : 제목이 필수X, 로고,네비게이션,사이트검색 등등..   

<!-- 페이지 헤더 -->

<header>

<hgroup>

<h1>HTML5</h1>

<h2>웹표준</h2>

</hgroup>

<nav>

<ul>

<li>웹표준?</li>

<li>웹접근성 지침</li>

<li>웹접근성 검증 사이트</li>

<li>웹접근성 자료</li>

</ul>

</nav>

</header>

<!-- 섹션의 헤더[article안의 header] -->

<article>

<header>

<nav>

<li>HTML4</li>

<li>HTML5</li>

</nav>

<h1>HTML이란?</h1>

</header>

<p>HTML은 HTML4 HTML5 등이 있다.</p>

</article>

<footer>

• 새로 추가된 요소
• 페이지의 바닥글, 섹션안의 footer
• 주소,로고,저자정보,하단메뉴,저작권,카피라이트, 관련정보 

<!-- 페이지 바닥글 -->

<footer>

<ul>

<li>사이트맵</li>

<li>사이트이용약관</li>

<li>개인정보보호정책</li>

</ul>

<p>copyright</p>

</footer>

<!-- 섹션안의 바닥글 -->

<article>

<header>

<h2>HTML5</h2>

</header>

<p>HTML5는 무엇일까요?</p>

<footer>

<p><time datetime="2015.05.08">2015년 05월 08일</p>

<a href="#">1개의 댓글</a>

</footer>

</article>

<article>

<header>

<h2>CSS</h2>

</header>

<p>CSS는 무엇일까요?</p>

<footer>

<p><time datetime="2015.05.08">2015년 05월 08일</p>

<a href="#">2개의 댓글</a>

</footer><!-- footer는 중간 위치에 와도 무관하다. -->

<section>

<h3>2개의 댓글</h3>

<!-- 이 위치에 또 article 가능 -->

</section>

</article>

<address>

• 변경된 요소
• 해당 관리자 또는 해당 포스트 저자 주소 및 연락처에 한정

<h1>블로그</h1>

<article>

<h1>블로그이용</h1>

<p>블로그를 효율적으로 이용하는 방법이 있습니다.</p>

<footer>

<address>블로거:김철수</address>

</footer>

</article>

<article>

<h1>블로그이용</h1>

<p>블로그를 효율적으로 이용하는 방법이 있습니다.</p>

<footer>

<address>블로거:김철수</address>

</footer>

</article>

<footer>

<address>이 사이트의 블로그에 관련 문의는 abc@tistory.com으로 문의 해 주세요.</address>

</footer>