[HTML] 제목을 나타내는 <h1></h6> 태그를 배워보자

 

오늘 적어볼 내용은 <h1> 태그.

 

---

 

 

---

<h1></h6>

 

 

<h1></h1> 태그는 문서의 제목을 표현할 때 사용하는 태그이다.

제목을 표현하는 태그는 총 6가지가 있는데, <h1>부터 <h6>까지 있으며, <h1>이 가장 큰 글자를 출력하고 <h6>이 가장 작은 글자를 출력한다.

단순하게 텍스트의 크기만 보면 폰트사이즈를 크게 키운 것 아니냐? 할 수도 있지만, 제목 태그를 사용함으로써 검색 엔진들이 좀 더 쉽고 빠르게 정확한 정보의 문서를 찾을 수 있도록 도와준다.

 

예를 들어 <h1>HTML</h1>이라는,

h1 태그를 적용한 HTML이라는 제목의 글이 있다고 한다면 검색 엔진은 h1 태그를 통해 HTML이라는 제목의 문서구나.... 라는 것을 알 수 있게 된다는 것이다.

누군가 HTML을 검색했다면 제목 태그를 사용한 글이 좀 더 노출도가 높아질수 있다는 이야기.

 

h1~h6까지의 제목 태그를 웹브라우저에서 실행하면 아래와 같이 보여진다.

 

제목 태그 h1~h6

 

 

제목 태그는 앞서 언급한대로 중요도에 따라 크기별로 6가지가 제공되고, 1~6 외의 숫자를 쓰면 일반적인 텍스트로 인식된다.

아래의 사진을 참고하자.

 

 

 

 앞서 언급한 것처럼 제목 태그는 검색 엔진이 사이트를 검색할 때 중요한 역할을 하는 태그이니 잘 활용해보도록 하자.

 

끝