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

 

 

 

 

 

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

 

 

 

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

   

HTML5 기본 레이아웃

 

[html5] article

지구별에
html 2015.01.02 10:56
Powerd by Tistory, designed by criuce