[html5] header 태그

[html5] header 태그

<header>요소는 사이트 네비게이션이나 페이지에 대한 정보를 담는 태그로, 페이지 상단에 위치합니다.

<section>의 머릿말을 담기도 함. <div id="header">와 같은 역할.

보통 하나 이상의 제목 요소( h1-h6 나, hgroup)나 사이트 로고, 저작권 정보를 포함합니다.

명세에 따르면 최근에는 <nav>요소를 포함할 수 있습니다.

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

다만, <footer> <address> 또는 다른 <header> 안에 <header>를 둘 수 없습니다.

▶브라우저 지원

ie9.0+, chrome 6.0+, firefox 4.0+, safari 5.0+, opera 11.1+

▶html/css 작성 예입니다.

html

<header>
<h1>HEADER</h1>
<p>The header element represents the header of a section.</p>
</header>

css

header{background-color:#6495ed;padding:10px;}

▶실행화면

실행화면에서 보는 것처럼, header는 블록 요소입니다.

오늘이 2014년 마지막 날이네요. (이 글을 12월 31일 썼는데 실수로 발행이 안 되었네요 ㅎ)

모두들 한 해 어떻게 보내셨나요?^^

저는 올 한 해를 뒤돌아 보면 하고 싶은 것 하고, 먹고 싶은 것 다 먹으며 잘 지낸 것 같지만

마음 한켠에 무언가 채워지지 않는 게 있는 것 같아요.

내년에는 이 빈 마음을 채우기 위해 살아가고 싶습니다.

그럼 오늘도 잘 마무리 하시고, 내년에 뵙겠습니다.

새해 복 많이 받으세요 ^_^

지구별 안내서