Heading elements

개요

제목 요소는 6단계의 문서 제목을 구현합니다. <h1>은 가장 중요하고 <h6>은 가장 최소입니다. 제목 요소는 section의 주제를 짧게 설명합니다. 제목 정보는 사용자 에이전트에 의해 사용될 수 있습니다. 예를 들면, 문서의 각주를 자동적으로 생성하는데 사용될 수 있습니다.

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

속성

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

align 속성은 HTML 4.01 에서 되었고, 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>

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

참고

제목 폰트의 크기를 줄이기 위해 낮은 단계를 사용하지 마세요: 대신에 CSS font-size 속성을 사용하세요.

제목 단계를 스킵 하는 것을 피하세요: 언제나 <h1>로 시작해서, 다음에는 <h2>를 사용하고, 그런 식으로 하세요. 또한, 첫 번째 단계의 제목은 한 페이지에 하나만 사용하세요.

HTML5에서, 문서의 요약을 정의하기 위해 <section> 요소를 사용하세요. 제목은 section과 서브-section의 제목을 제공합니다. 또한 당신은 <div> 요소를 사용해서 제목과 내용을 그룹화 시킬 수 있습니다.

사양

브라우저 호환성

같이 보기

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