<티스토리 블로그를 운영하기 위한 기초적인 수준의 html/css 기본 개념 포스팅입니다>
<h1> <h2> <h3> <h4> <h5> <h6> 제목 태그 이해하기
제목 태그 실행 결과 화면
제목 tag는 아래와 같은 양식으로 사용됩니다.
<h1> 내용 </h1>
<h2> 내용 </h2>
<h3> 내용 </h3>
<h4> 내용 </h4>
<h5> 내용 </h5>
<h6> 내용 </h6>
소스코드
h tag.html실행 결과를 보시면 <h1> 태그에서 <h6>태그로 갈수록 글자 크기가 작아짐을 확인하실 수 있습니다.
제목 태그 h tag의 특징
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> 까지 존재합니다.
<h1> tag는 첫 번째 가장 중요한 제목에 사용하는게 좋습니다 이유는 "검색 엔진"이 가장 먼저 찾아보는 키워드가
바로 <h1> tag이기 때문입니다.
<h2>, <h3>, <h4>, <h5>, <h6>tag는 부제목으로 사용!
<h1>에서 <h6>으로 갈수록 폰트 크기가 작아짐!
5검색엔진이 h1을 가장 중요하게 검색하니 h1을 잘 사용하면 검색 노출에 유리 !
<h1> tag는 하나의 HTML 페이지에서 한 번만 사용 권장 !
구글 검색 엔진 최적화 기본 가이드
권장 사항
구글 검색 엔진 최적화 기본 가이드 문서 내용 중 일부입니다.
정보가 너무 많으면 소음으로 작용할 수 있으니 태그는 적당하게 사용하라는 권고내용입니다.
티스토리 실제 예시 화면
티스토리에 포스팅을 작성할 때 머리말1부터 머리말4까지 기본적으로 선택할 수 있습니다.
머리말1부터 머리말4까지 선택하여 작성한 내용입니다.
머리말1에서 머리말4까지 갈수록 글자 크기가 작아집니다.
실제 저렇게 선택하여 작성할 때마다 html 코드가 티스토리에서 자동으로 작성을 해주는데요.
그 소스코드를 보면 아래처럼 되어있습니다.
<h1> 머리말1 연습입니다. </h1>
<h2> 머리말2 연습입니다. </h2>
<h3> 머리말3 연습입니다. </h3>
<h4> 머리말4 연습입니다. </h4>
● 개인적으로 공부하며 정리한 내용입니다 ●
잘못된 내용이 있으면 언제든 답글 달아주세요
감사합니다
댓글