HTML 제목(Headings)

이번 글은 HTML 제목을 어떻게 표시하는지에 대해 알아보자

HTML 제목은 우리가 웹패이지에 표시하고자 하는 제목이나 부제목들을 정의한다.

예제

제목1 제목2 제목3 제목4 제목 5 제목 6

상기 에제와 같이 제목을 표시할 때 어떻게 하는지 알아보자.

 

HTML 제목들

HTML 제목들은 <h1>에서 <h6>테그로 정의된다.

<h1>은 가장 중요한 제목이며 <h6>태그는 가장 중요하지 않은 제목을 정의한다.

상기 제목1~6까지의 제목을 표시하려면 아래와 같이 정의하면 된다.

예제

<h1>제목1</h1> <h2>제목2</h2> <h3>제목3</h3> <h4>제목4</h4> <h5>제목5</h5> <h6>제목6</h6>

 

제목은 매우 중요하다.

단순히 화면에 제목을 크게 표시하는 것을 더해, 검색 엔진은 제목을 사용하여 웹 페이지의 구조와 내용을 색인화한다.

사용자는 종종 페이지 제목을 기준으로 페이지를 건너뛴다. 문서 구조를 표시하려면 제목을 사용하는 것이 중요하다.

 

더큰 제목을 표시하려면

각 HTML 머리글에는 기본 크기가 있다. 그러나 CSS 글꼴 크기 속성을 사용하여 sytle 속성을 사용하여 제목의 크기를 지정할 수 있다.

예제

<h1 style="font-size:60px;">Heading 1</h1>

 

마무리

HTML 제목은 단순히 제목글을 보여주는 것을 넘어 검색엔진에 웹 페이지의 구조와 내용을 색인화하는데 사용이 되므로 제목을 잘 활용하면 웹 페이지 검색 등에 매우 유용하다.

 

출처 : 이 글의 출처는 w3schools사이트를 참고하였으며 필자가 추가하여 정리한 글입니다.