HTML 쉽게 배우기 | 헤더 (h1~h6)

저번 편에서<p>, <strong>, <b>, <i>, <em>, <u>태그들을 알아봤습니다.

이번에는 HTML에서 중요한 헤더를 알아볼게요.

 

HTML에는 h1 부터 h6 까지 6개의 헤더가 있습니다.

h1이 글 크기가 제일 크고 점점 작아져요.

h1 부터 h6 까지의 헤더

h1 부터 작아지는 헤더

 

 

헤더가 어떤 역할을 하냐면,

책 앞에보면 목차가 있죠? 헤더를 잘 쓰면 웹 페이지의 목차 역할을 합니다.

헤더의 순서

헤더를 쓸때는 몇가지의 규칙이 있는데요

• 웹 페이지에서 h1은 항상 제일 위에 있어야 합니다. h1위에 h2, h3, h4, h5, h6가 있으면 안됩니다.
• 헤더를 순차적으로 사용해야 합니다. h1쓰고 바로 밑에 h4를 쓰면 안됩니다. h1 바로 밑에는 h2가 있어야 합니다.
• 모든 웹 페이지에 h1은 항상 있어야 합니다.

 

 

헤더의 주용성을 이렇게 강조하는 이유는 스크린 리더때문 입니다.

스크린 리더를 사용해서 인터넷을 하는 분들은 헤더를 통해서 원하는 정보를 쉽게 찾을수 있습니다.

우리가 책을 읽을때 목차를 보고 내가 원하는 정보를 찾아 가는것과 같은 맥락 입니다.

 

 

오늘은 짦았네요.

 

오늘도 수고하셨습니다.

 

끝!