6단계의 제목을 표시한다. <h1>이 가장 큰 크기의 제목이 표시되고 <h6>가 가장 작은 크기의 제목이 표시된다.
<hgroup> 요소의 자식 요소
[Exposed=Window]
interface HTMLHeadingElement : HTMLElement {
[HTMLConstructor] constructor();
// also has obsolete members
};<h1>~<h6>까지의 일련 번호를 갖는 태그로서 다양한 크기의 제목을 표시한다. <h1>부터 오름차순으로 작은 크기의 제목을 작성한다.
제목을 표시하므로 역할을 위해서 기본적으로 다음 아래와 같은 유저에이전트(크롬 웹브라우저 기준) 값을 갖는다.
h1 {
display: block;
font-size: 2em;
margin-block-start: 0.67em;
margin-block-end: 0.67em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
h2 {
display: block;
font-size: 1.5em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
h3 {
display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
h4 {
display: block;
margin-block-start: 1.33em;
margin-block-end: 1.33em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
h5 {
display: block;
font-size: 0.83em;
margin-block-start: 1.67em;
margin-block-end: 1.67em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
h6 {
display: block;
font-size: 0.67em;
margin-block-start: 2.33em;
margin-block-end: 2.33em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}구문 콘텐츠들이 하위에 작성될 수 있다.
<h1>Example</h1> <h2>Example</h2> <h3>Example</h3> <h4>Example</h4> <h5>Example</h5> <h6>Example</h6>
일부 글로벌 애트리뷰트는 이 요소에서 사용되지 않을 수 있다.
일부 글로벌 이벤트 핸들러는 이 요소에서 사용되지 않을 수 있다. 이벤트 등록은 자바스크립트 사용을 권장한다.