HTML-Headings(제목)

---

※ 주의 !

이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 

문제가 있다면 말씀 부탁 드리겠습니다

---

안녕하세요

 

Gon입니다.

 

오늘은HTML headings(제목)에 관한내용을 다루도록하겠습니다.

 

HTML heading은 제목 또는 표제를 웹페이지에서 보여주는 것입니다.

 

그러면 HTML에서 제목을 정해주는 Headings tag들에 대하여 알아보록 할까요?

 

HTML - headings(h tag)

 

HTML 제목은 <h1> 에서 <h6> tag로 정의 됩니다.

 

<h1> 부터 <h6>까지의 tag로 제목을 정의하도록 구성되어있으며, 중요도는 h1 부터 시작하여 h6로 됩니다.

 

h tag의 중요성

검색 엔진들은 단순이 포함된 글을 찾는 것이아니라 그 웹페이지의 제목을 먼저 찾습니다. 때문에 h 태그는 중요합니다.

혼자만 보려는 것이 아니면 말이죠.

 

또한 대부분의 사용자들은 글을 보기전에 제목을 봅니다. 제목이 중요한 또다른 이유입니다.

 

<h1>태그는 메인 제목입니다.  따라서 웹페이지를 구성하는데 h1 태그를 이용하여 전체의 메인 제목을 설정하고 

그 하위 h2 -> h6 태그를 이용하여 부제목 또는 소제목들로 구성하여야 합니다.

 

h tag의의 크기 설정

h tag는 각각의 레벨에 따라 기본적인 크기가 설정되어있습니다. 하지만 우리는 style이라는 속성을 사용하여 그 h tag의 값을 변경할수 있습니다.

 

<h1>기본 제목</h1>
<h1 style="font-size:60px;">크기 변경 제목</h1>

사실 이 style 속성은 html과 연관되어 CSS라는 언어를 사용합니다. 이것은 추후의 글에서 설명하도록 하겠습니다.

 

주의사항

위에서 언급했듯이 h tag는 검색에 노출되기 위한 기본이며 아주 중요한 tag입니다.

이제 HTML을 작성할때, 또는 어떤 편집기를 이용할때 제목이라는 아이템을 사용해서 '제목'을 작성하는 것과

단순히 글을 굵게 하는것의 차이를 인지하실수 있으신가요??? 

 

인지하실 수 있다면 h tag의 중요성 또한 실감하실수 있으리라 믿습니다.

 

그럼 이번글은 마치도록 하겠습니다.

 

감사합니다.

 

Gon