<hgroup>

HTML <hgroup> 요소는 문서 구획의 다단계 제목을 나타냅니다. 다수의 `` 요소를 묶을 때 사용합니다.

HTML <hgroup> 요소는 문서 구획의 다단계 제목을 나타냅니다. 다수의 `` 요소를 묶을 때 사용합니다.

HTML

<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>

CSS

hgroup {
  text-align: right;
  padding-right: 16px;
  border-right: 10px solid #00c8d7;
}

hgroup h1 {
  margin-bottom: 0;
}

hgroup p {
  margin: 0;
  font-weight: bold;
}

콘텐츠 카테고리	플로우 콘텐츠, 제목 콘텐츠, 뚜렷한 콘텐츠.
가능한 콘텐츠	하나 이상의 ` `, ` `, ` `, ` `, ` `, ` `.
태그 생략	불가능, 시작과 끝에 태그를 추가하는 것은 필수입니다.
가능한 부모 요소	플로우 콘텐츠를 허용하는 모든 요소.
가능한 ARIA 규칙	`tab`, `presentation`
DOM 인터페이스	`HTMLElement`

특성

이 요소는 전역 특성만 포함합니다.

사용 일람

!NOTE<hgroup> 요소는 W3C HTML5 명세에서 제거되었고, WHATWG판 HTML에만 남아있습니다. 그러나 대부분의 브라우저에서 부분적으로 구현 중이므로 사라지지는 않을 것으로 보입니다. 다만, <hgroup> 요소의 주요 목적이 HTML 명세의 개요 알고리즘에서 제목의 표시 방법을 설정하기 위함이며, 어떠한 브라우저도 개요 알고리즘을 구현하지 않았음을 고려할 때, <hgroup>의 의미는 이론적으로만 유효합니다. W3C HTML5 명세에서 <hgroup> 없이 부제, 보조 제목, 태그라인의 마크업 방법에 대한 조언을 제공하고 있습니다.

<hgroup> 요소는 문서 구획의 주 제목과 2차 제목을 연결해, 제목-부제목과 같은 "다단계 제목"을 만들 수 있습니다.

다른 말로 하면, <hgroup> 요소는 자신의 2차 ``이 문서 개요에 자신의 구획을 생성하는 것을 방지합니다.

따라서 HTML 개요 알고리즘이 생성한 추상적 개요 내에서, <hgroup>은 논리적인 단일 제목을 형성하고, <hgroup>의 자식 제목 요소가 그 안에 하나로 포함됩니다.

예제

HTML

<hgroup>
  <h1>주요 제목</h1>
  <h2>부제목</h2>
</hgroup>

명세

브라우저 호환성

같이 보기

구획 관련 다른 요소: <body>, <article>, <section>, <aside>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <nav>, <header>, <footer>, <address>;
HTML5 문서의 구획과 개요.

<hgroup>

`, `

`, `

`, `

`.