HTML5의 새로운 시맨틱 요소 header footer

HTML5 <header> 요소

<header> 요소는 문서 또는 섹션의 머리글을 지정합니다.

<header> 요소는 소개 내용의 컨테이너로 사용해야합니다.

하나의 문서에 여러 개의 <header> 요소가있을 수 있습니다.

다음 예제에서는 아티클의 머리글을 정의합니다.
예

<article>
  <header>
    <h1> WWF는 무엇을합니까? </ h1>
    <p> WWF의 사명 : </ p>
  </ header>
  <p> WWF의 사명은 지구의 자연 환경이 악화되는 것을 막는 것입니다.
  인간이 자연과 조화를 이루며 살 수있는 미래를 건설하십시오. </ p>
</ article>
HTML5 <footer> 요소

<footer> 요소는 문서 또는 섹션의 바닥 글을 지정합니다.

<footer> 요소는 포함 요소에 대한 정보를 포함해야합니다.

바닥 글에는 대개 문서 작성자, 저작권 정보, 사용 약관 링크, 연락처 정보 등이 포함됩니다.

하나의 문서에 여러 개의 <footer> 요소가있을 수 있습니다.
예
<footer>
  <p> 게시자 : Hege Refsnes </ p>
  <p> 연락처 정보 : <a href="mailto:someone@example.com">
  someone@example.com </a>. </ p>
</ footer>