[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' 카테고리의 다른 글

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

댓글을 달아 주세요

  1. 박하나 2016.03.13 14:16  수정/삭제  댓글쓰기

    퍼블리싱 처음 시작하면서 지구별안내서가 많은 도움이 되고 있습니다. 태어나서 처음 해보는 거고 취업한지 일주일 정도되서 회사에 폐끼치지않으려고 집에서도 이렇게 지구별안내서 보면서 공부하고 있네요 전글인가? 임신3개월쨰라고 하셨는데 아이는 잘 크고 있나요? 이런 글들 올려줘서 너무 감사합니다. 몰랐던게 쉽게쉽게 이해가 되어 좋아요

Powerd by Tistory, designed by criuce