본문 바로가기
html

[html5] header 태그

by 지구별에 2015. 1. 2.

 

 

[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.htm

 

 

 

 

 

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

 

 

 

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

   

HTML5 기본 레이아웃

 

[html5] article

반응형

'html' 카테고리의 다른 글

[html5] aside 태그  (2) 2015.01.06
[html5] nav 태그  (4) 2015.01.05
[html5] article vs section 차이  (2) 2014.12.30
HTML5 기본 레이아웃  (0) 2014.12.24
IE6~8을 IE9처럼 보이게 만들기(ie7/ie8/ie9.js 사용법)  (2) 2014.12.19

댓글1