A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.cdn.mozilla.net/ko/docs/Web/HTML/Reference/Elements/hgroup below:

<hgroup> - HTML: Hypertext Markup Language

<hgroup>

Baseline Widely available

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;
}
특성

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

사용 일람

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

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

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

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

예제 
<hgroup>
  <h1>주요 제목</h1>
  <h2>부제목</h2>
</hgroup>
명세 브라우저 호환성 같이 보기

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4