HTML 제목 작성에 필요한 h1 태그의 간단한 쓰임새

HTML 제목

HTML Headings는 HTML 문서의 제목입니다.

검색 로봇은 HTML 문서에서 제목(Heading)을 우선적으로 봅니다. 제목은 그 문서를 대표할 수 있는 핵심적인 단어, 문장 등으로 구성해야 합니다. 좋은 제목은 검색 엔진에서 색인시 우위를 줄 수 있습니다.

<h1> Tag

제목을 표현하는 태그는 <h1>입니다. 문서에서 가장 중요한 주제문은 반드시 <h1>태그와 </h1> 태그 사이에 위치합니다.

페이지당 <h1>태그는 한 번만 사용하는 것이 권장됩니다.

<h1>h1은 제목입니다.</h1>

예제 ▷

<h2>, <h3>, <h4>, <h5>, <h6> Tags

소주제는 <h2>태그를 사용합니다. <h> 태그의 숫자가 높아질 수록, 제목의 중요성은 떨어집니다. 최대 <h6>까지 주제를 세분화 할 수 있습니다.

<h2>부터 <h6> 사이의 태그는 한 페이지에 두 개 이상 사용할 수 있습니다.

<h1>h1은 첫 번째 중요한 제목</h1>
<h2>h1은 두 번째 중요한 제목</h2>
<h3>h1은 세 번째 중요한 제목</h3>
<h4>h1은 네 번째 중요한 제목</h4>
<h5>h1은 다섯 번째 중요한 제목</h5>
<h6>h1은 여섯 번째 중요한 제목</h6>

예제 ▷

Headings 크기 조절

<h1>태그 사이의 문자는 일반 문자 보다 크고 두껍습니다. style 이라는 속성명(Attribute Name)과 font-size라는 속성값(Attribute Value)을 추가하면, <h>태그의 크기를 조절할 수 있습니다.

<h1>h1 태그 보통 사이즈</h1>
<h1 style="font-size:50px;">h1 태그 더 크게</h1>
<h1 style="font-size:15px;">h1 태그 더 작게</h1>

예제 ▷