https://tistory3.daumcdn.net/tistory/6324492/skin/images/jquery.toc.js 티스토리 h태그 사용법 알아보기
본문 바로가기
카테고리 없음

티스토리 h태그 사용법 알아보기

by 달콤여우 2023. 7. 15.

블로그 글을 작성할 때  h태그를 사용하여 글의 가독성을 높이게 됩니다. 제목과 소제목을 표현할 때 사용하며 h1태그에서 h6태그까지 제목 수준을 가지고 있으며 각 글에 맞는 태그를 선택하여 작성할 수 있습니다. h태그란 무엇이며 정확한 h태그와 사용법을 알아봅니다. 

h태그란 무엇인가?

h태그는 HTML에서 제목(Heading)을 표현하기 위해 사용되는 태그입니다. h 태그는 문서의 구조와 제목의 계층을 나타내는 역할을 합니다. h1부터 h6까지 있으나 블로그에서는 주로 h4까지 사용되고 있습니다. 

 

 

h1은 가장 높은 수준의 제목, 가장 중요한 내용을 나타냅니다. h2는 번째로 높은 수준의 제목, h1보다 조금 덜 중요한 내용을 나타냅니다. h3는 h2보다 한 단계 낮은 수준의 제목, 계층 구조에서 하위 내용을 나타냅니다.

h4, h5, h6은 h3보다 순차적으로 낮은 수준의 제목을 나타냅니다.

 

h태그의 사용법

h태그 예시
h태그 예시

H태그를 사용하여 각 글의 제목과 소제목을 구분하였습니다. H1 태그는 주요 제목을 나타내는 것이며, H2 태그는 소제목 H3 태그는 각 소제목을 표시합니다. 각 소제목 아래에는 해당 소제목에 대한 맛과 가격을 설명하는 내용이 포함되어 있습니다.

 

 

h1 태그는 문서의 가장 중요한 제목을 나타내는 데 사용됩니다. 보통 한 페이지에 하나의 h1 태그를 사용하는 것이 일반적입니다. 웹 페이지의 주요 콘텐츠를 요약하는 제목으로 사용되어야 합니다. 검색 엔진에서 페이지의 주요 내용으로 인식하므로, 중요한 키워드를 포함하는 것이 좋습니다. 

위의 예시에서는 "치킨의 맛과 다양한 종류"라는 주제를 h1 태그로 표현하였습니다. 그리고 그 아래로 각각의 종류인 후라이드 치킨, 양념 치킨을  h2 태그로 나타냈습니다. 

h태그 예시
h태그 예시

그리고 소제목인 맛을 h3, h4 태그로 구분하여 표현하였습니다. 이렇게 구성된 h태그는 치킨의 종류와 각각의 소제목인 맛과 가격을 명확하게 표현하고, 글의 구조를 직관적으로 파악할 수 있게 도와줍니다.

 

효과적인 제목과 소제목을 사용하여 내용을 체계적으로 구성하고, 검색 엔진 최적화를 위해 키워드를 적절히 활용하길 바랍니다.