<h1>–<h6>

HTML <h1>–<h6> 요소는 6단계의 문서 제목을 구현합니다. 구획 단계는 <h1>이 가장 높고 <h6>은 가장 낮습니다.

• 콘텐츠 범주 Flow 콘텐츠, heading 콘텐츠, palpable 콘텐츠.
• 허용된 콘텐츠 Phrasing 컨텐트.
• 태그 생략 None, both the starting and ending tag are mandatory.
• 허용된 부모 요소들 flow 콘텐츠를 허용하는 모든 요소; 혹은 <hgroup> 요소의 자식으로써
• DOM 인터페이스 HTMLHeadingElement

속성

이 요소들은  전역 속성을 포함합니다.

align 속성은 없어졌으니 사용하지 마십시오.

사용 일람

• 제목의 정보는 자동으로 문서의 목차를 만드는 것처럼 사용자 에이전트에 사용될 수 있습니다.
• 제목 폰트의 크기를 줄이기 위해 낮은 단계를 사용하지 마세요. 대신에 CSS의 font-size 속성을 사용하세요.
• 제목 단계를 건너뛰는 것을 피하세요. 언제나 <h1>로 시작해서, <h2>, 순차적으로 기입하세요.
• 첫 번째 단계의 제목은 한 페이지에 하나만 사용하세요. HTML5에서의 섹션 정의 in HTML5 문서의 섹션과 아웃라인

예제

모든 제목들

밑의 코드는 모든 단계의 제목을 보여주고, 사용합니다.

<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>Heading elements</h1>
<h2>Summary</h2>
<p>Some text here...</p>

<h2>Examples</h2>
<h3>Example 1</h3>
<p>Some text here...</p>

<h3>Example 2</h3>
<p>Some text here...</p>

<h2>See also</h2>
<p>Some text here...</p>

이것이 윗 코드의 결과입니다.

사양

브라우저 호환성

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

같이 보기

• <p>
• <div>
• <section>