HTML : 구획 제목 요소 (heading) - <h1> ~ <h6>

HTML : 구획 제목 요소 (heading) - <h1> ~ <h6>

---

HTML : 구획 제목 요소 (heading) - <h1> ~ <h6>

HTML : 구획 제목 요소 (heading) - <h1> ~ <h6>

 

<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>
<h5>Heading level 5</h5>
<h6>Heading level 6</h6>

 

• <h1>은 heading1의 약자이며 <h1>이 제일 크고 <h6>이 제일 작다
• 웹브라우저가 제목의 정보를 사용해서 문서 콘텐츠의 목차를 만들 수 있다.

      (읽기 모드로 열거나 스크린리더를 이용할 경우)

• 글씨 크기를 위해서 제목 태그를 사용하지 말 것

     (같은 <h1> 코드라도 웹브라우저마다 다르게 표현되므로 스타일링하는 건 CSS를 통해서 해야 한다.)

• 제목 단계는 건너뛰지 말 것 (h1 -> h3) 순서대로 작성할 것 (h1->h2->h3)
• 페이지당 하나의 <h1>을 사용해야 한다.

       <h1>은 전체 페이지의 목적을 설명하는 가장 중요한 제목이기 때문이다.

 

---