HTML 제목요소 <h1>-<h6>

안녕하세요 찐망고입니다.

 

h요소는 heading의 약자로 제목을 뜻합니다.

블록요소구여

 

html에서 제목요소는 웹 사이트에서 각각의 컨텐츠에 제목 역할을 할 때만 사용할 수 있는 요소 입니다.

글자가 커진다, 여백이 생기네? 글자를 두껍게 만들생각으로 사용하시면 안됩니다.

 

스키니랩 메인사이트

 

각각의 검정색 박스를 메인에 들어가는 각각의 컨텐츠라고 생각하면

그 컨텐츠에는 주제가 되는 제목역할을 하는 요소가 제목요소인 <h요소> 입니다.

 

<h1>제목요소1</h1>
<h2>제목요소2</h2>
<h3>제목요소3</h3>
<h4>제목요소4</h4>
<h5>제목요소5</h5>
<h6>제목요소6</h6>

 

숫자가 커질 수록 대제목에서 대제목, 중제목, 소제목 역할을 하는 것이죠.

 

정리를 해보면

h1요소는 html문서에서 한번만 사용 가능! 대체로 로고에 많이 사용하죠~

h2-h6요소는 상황에 맞춰 책의 목차 제목처럼 사용!

시멘틱 마크업시 필요한 요소 중 header, nav, section, article, aside요소엔 제목요소는 필수! 

footer요소엔 제목요소를 사용하지 않는게 좋습니다.

 

 

제목요소는 결과적으로 시멘틱마크업에 굉장히 중요한 역할을 하는 존재인데요.

그 포스팅은 아래글을 참고하세요~

시멘틱마크업, 시멘틱웹 그리고 Outline