..

Search

5) 제목

제목


제목(Heading)

HTML은 제목을 표현할 수 있는 다양한 크기의 <h>태그를 제공합니다.

가장 큰 <h1>태그부터 가장 작은 <h6>태그까지 다양한 크기로 제목을 표현할 수 있습니다.

예제

<h1>제목1의 크기입니다!</h1>

<h2>제목2의 크기입니다!</h2>

<h3>제목3의 크기입니다!</h3>

<h4>제목4의 크기입니다!</h4>

<h5>제목5의 크기입니다!</h5>

<h6>제목6의 크기입니다!</h6>

코딩연습 ▶

 

<h>태그의 위아래로는 약간의 여백이 자동으로 삽입됩니다.

 

이런 <h>태그는 제목의 표현이라는 기능 외에도 또 다른 중요한 역할을 하고 있습니다.

여러 검색엔진은 각 웹 사이트의 내용을 바로 이 <h>태그를 이용하여 키워드를 수집하고, 그 내용을 파악합니다.

따라서 HTML 문서에 포함되는 제목은 <h>태그로 작성해야만 검색엔진에 의해 제대로 검색될 확률을 높일 수 있습니다.

 

HTML 문서의 제목에 해당하는 부분을 <big>태그나 <bold>태그를 사용하여 표현하지 않도록 합니다.

종료 태그를 잊지 맙시다!

대부분의 웹 브라우저는 종료 태그를 사용하지 않더라도 다음 예제와 같이 HTML 문서를 제대로 표현해 줍니다.

예제

 

<h2>종료 태그가 없어도 표현이 잘 될까요?

 

코딩연습 ▶

 

하지만 종료 태그가 없으면 예상치 못한 오류나 결과가 발생할 수도 있습니다.

또한, XHTML이나 XML과 같은 문법이 엄격한 언어에서는 종료 태그의 유무를 엄격하게 검사합니다.

따라서 가급적 종료 태그를 빠트리지 말고 코드를 작성하는 것이 좋습니다.


연습문제