h1, h2, h3, h4, h5, h6 요소

정의

header 1 to header 6; h1, h2, h3, h4, h5, h6 요소는 섹션의 제목을 나타냅니다.

이름에 있는 숫자가 제목의 등급입니다. h1 요소가 가장 높은 등급이고, h6 요소는 가장 낮은 등급입니다. 이름이 같으면 등급도 같습니다.

섹션 컨텐츠 요소의 첫 번째 제목 컨텐츠가 해당 섹션의 제목을 나타냅니다. 그 후에 나타나는 같거나 더 높은 등급의 제목은 새로운 섹션의 시작을 의미하며 더 낮은 등급의 제목은 이전 섹션의 하위 섹션이 시작됨을 암시합니다. 둘 모두, 해당 요소는 자신이 암시하고 있는 섹션의 제목을 나타냅니다.

마크업 규칙

기본 문법은 다음과 같습니다. 데모

<h1>아시아</h1>
<h2>대한민국</h2>
<h3>서울</h3>
<h2>일본</h2>
<h2>중국</h2>

예제1. 제목 컨텐츠로 개요(outline) 구성:

<h1>아시아</h1>
<h2>대한민국</h2>
<h3>서울</h3>
<h2>일본</h2>
<h2>중국</h2>

예제2. 섹션 컨텐츠와 제목 컨텐츠로 사용한 개요(outline) 구성:

<h1>아시아</h1>
<section>
  <h1>대한민국</h1>
  <section>
    <h1>서울</h1>
  </section>
</section>
<section>
  <h1>일본</h1>
</section>
<section>
  <h1>중국</h1>
</section>
HTML5 Outliner를 통해 확인한 [예제1], [예제2]의 개요(outline)
  • [예제1]과 [예제2]의 사용된 요소와 마크업은 다르지만 개요(outline) 생성은 같습니다.
  • [예제2]처럼 쓰면 등급에 상관없이 제목 요소를 쓸 수 있지만, h1 요소만 쓰거나 중첩 레벨에 맞는 등급의 제목 요소를 쓸 것을 권장합니다.

속성

속성명 설명
전역 속성 공통 속성

메모

HTML4/XHTML1과의 차이점, 접근성, 보충 내용 그리고 편집자 의견 등을 포함하고 있습니다.

참조

기준 명세를 바탕으로 명세 번역과 레퍼런스 제작이 이루어졌습니다. 최근 내용은 최신 명세를 확인해 주세요.

관련 요소

 
html5/element/h1_h2_h3_h4_h5_h6.txt · 마지막 수정: 2013/11/19 13:35 (외부 편집기)
이 레퍼런스는 클리어보스가 제작/운영하고 있으며, 다음의 라이센스를 따릅니다 :CC 저작자표시-비영리-동일조건변경허락 2.0
Recent changes RSS feed World Wide Web Consortium Driven by DokuWiki