HTML <hgroup> 요소는 문서 구획의 다단계 제목을 나타냅니다. 다수의 `` 요소를 묶을 때 사용합니다.
<hgroup>
<h1>Frankenstein</h1>
<p>Or: The Modern Prometheus</p>
</hgroup>
<p>
Victor Frankenstein, a Swiss scientist, has a great ambition: to create
intelligent life. But when his creature first stirs, he realizes he has made a
monster. A monster which, abandoned by his master and shunned by everyone who
sees it, follows Dr Frankenstein to the very ends of the earth.
</p>
hgroup {
text-align: right;
padding-right: 16px;
border-right: 10px solid #00c8d7;
}
hgroup h1 {
margin-bottom: 0;
}
hgroup p {
margin: 0;
font-weight: bold;
}
| 콘텐츠 카테고리 | 플로우 콘텐츠, 제목 콘텐츠, 뚜렷한 콘텐츠. |
|---|---|
| 가능한 콘텐츠 |
하나 이상의 <h1>, <h2>,
<h3>, <h4>,
<h5>, <h6>.
|
| 태그 생략 | 불가능, 시작과 끝에 태그를 추가하는 것은 필수입니다. |
| 가능한 부모 요소 | 플로우 콘텐츠를 허용하는 모든 요소. |
| 가능한 ARIA 규칙 | tab, presentation |
| DOM 인터페이스 | `HTMLElement` |
특성
이 요소는 전역 특성만 포함합니다.
사용 일람
<hgroup>요소는 W3C HTML5 명세에서 제거되었고, WHATWG판 HTML에만 남아있습니다. 그러나 대부분의 브라우저에서 부분적으로 구현 중이므로 사라지지는 않을 것으로 보입니다. 다만,<hgroup>요소의 주요 목적이 HTML 명세의 개요 알고리즘에서 제목의 표시 방법을 설정하기 위함이며, 어떠한 브라우저도 개요 알고리즘을 구현하지 않았음을 고려할 때,<hgroup>의 의미는 이론적으로만 유효합니다. W3C HTML5 명세에서<hgroup>없이 부제, 보조 제목, 태그라인의 마크업 방법에 대한 조언을 제공하고 있습니다.
<hgroup> 요소는 문서 구획의 주 제목과 2차 제목을 연결해, 제목-부제목과 같은 "다단계 제목"을 만들 수 있습니다.
다른 말로 하면, <hgroup> 요소는 자신의 2차 ``이 문서 개요에 자신의 구획을 생성하는 것을 방지합니다.
따라서 HTML 개요 알고리즘이 생성한 추상적 개요 내에서, <hgroup>은 논리적인 단일 제목을 형성하고, <hgroup>의 자식 제목 요소가 그 안에 하나로 포함됩니다.
예제
<hgroup>
<h1>주요 제목</h1>
<h2>부제목</h2>
</hgroup>
같이 보기
- 구획 관련 다른 요소:
<body>,<article>,<section>,<aside>,<h1>,<h2>,<h3>,<h4>,<h5>,<h6>,<nav>,<header>,<footer>,<address>; - HTML5 문서의 구획과 개요.