[HTML] TAG - Heading

Heading Tag

책을 보면 큰 제목(ex. Chapter1)가 있고 소제목(ex. Chapter1-1)이 있듯이 웹문서에서도 이러한 제목을 태그를 통해 나타낼 수 있다.

 

바로 h 태그(<h> : heading, headline)를 통해서 나타낼 수 있고, h 태그는 크기에 따라 1 ~ 6까지의 숫자가 붙는다.

<!--
heading tag size
크다 <- 1 2 3 4 5 6 -> 작다 
-->

<h1>heading 1</h1>
<h2>heading 2</h2>
<h3>heading 3</h3>
<h4>heading 4</h4>
<h5>heading 5</h5>
<h6>heading 6</h6>

 

아래와 같이 사이즈에 따라 다른 크기로 나온 것을 확인할 수 있다.

 

 

SEO

heading 태그는 웹 문서 검색시 SEO 와도 중요한 관련이 있는 태그이다. SEO(Search Engine Optiomization)이란 검색 엔진 최적화로서, SEO 점수가 놓으면 웹 문서가 검색엔진에 의해 더 잘 검색되고, 핵심 키워드에서 더 좋은 노출도를 갖게 된다. 

 

그렇기 때문에 이를 고려하여 웹 문서를 작성하는 것이 좋다. 요즘 SEO는 단순히 어휘의 반복 사용으로 인한 것은 인공지능으로 걸러내기 때문에 Semantic tag등을 잘 사용하여야 한다.