Movatterモバイル変換


[0]ホーム

URL:


  1. 개발자를 위한 웹 기술
  2. HTML: Hypertext Markup Language
  3. HTML 참고서
  4. HTML 요소 참고서
  5. <hgroup>

This page was translated from English by the community.Learn more and join the MDN Web Docs community.

View in EnglishAlways switch to English

<hgroup>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015년 7월⁩.

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

시도해 보기

<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차<h1>-<h6>이 문서 개요에 자신의 구획을 생성하는 것을 방지합니다.

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

예제

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

명세

Specification
HTML
# the-hgroup-element

브라우저 호환성

같이 보기

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp