h1 ~ h6 TAG 알아보기

h1 ~ h6태그는 목차에서 제목이나 컨텐츠의 제목같은 것을 지정을 할 때 사용을 합니다.

주의해야할 것으로는 몇가지가 있습니다.

 

첫번째로는 제목 폰트의 크기를 줄이기 위해 낮은 단계를 사용하시면은 안됩니다.

화면에서는 크기가 달라지게 지정은 되어있지만 각 태그마다 폰트의 크기를 정확하게 알지 못하기 때문에

h1~h6태그를 사용할 때는 폰트의 크기를 초기화해서 사용을 해야합니다.

왜 폰트의 크기를 줄이기 위해 낮은 단계를 사용하면 안되냐면

HTML은 구조를 나타내기 위해 사용을 하는 것이고 CSS는 표현, 즉 디자인을 하기 위한 용도의 언어이기 때문입니다.

 

두번째로는 제목의 단계를 건너뛰는 것을 피하셔야 합니다.

무슨말이냐면 우리가 html구조를 작성을 할 때 일반적으로 h1태그를  먼저 작성을 하게 될 것입니다. 

그리고 그 다음으로는 h2태그를 사용을 할 것입니다. 그런데 이것이 아니라 h2 태그를 건너뛰고 h3태그를 먼저 사용하는 것을 말합니다.

왜 이러면 안되냐면 브라우저나 검색엔진에서 h1부터 순차적으로 각각의 제목들을 찾아내려가게 되는데 중간에 태그가

비어있다면 내용을 찾고 목차를 정리하는데 있어서 문제가 생길 수 있다는 말입니다.

 

세번째로는 첫 번째 단계의 제목은 한 페이지에 하나만 사용을 하는 것입니다.

이게 무슨말이냐면 아래와 같이 코드를 작성을 하는 것을 피해달라는 것입니다.

이렇게 여러개의 h1태그를 사용하고 싶다면 맨 위에 h1태그로 더 큰 상위의 제목을 작성해주시고

더 낮은 단계인 h2태그로 여러개를 작성해주시면 됩니다.

 

이 내용이 절대적이고 완벽한 것은 아니지만 추천하는 방식정도로 이해하시면 될 것 같습니다.