hgroup 요소

정의

heading group; hgroup 요소는 섹션의 제목을 나타냅니다. 이 요소는 섹션의 제목이 몇 개의 레벨을 가질 때(단계를 가질 때, 예를 들어 부제목이나 태그 영역tagline 등)h1~h6 요소들을 그룹짓기 위해 사용됩니다.

마크업 규칙

Flow Interactive Metadata Phrasing Embedded Heading Sectioning

기본 문법은 다음과 같습니다. 데모

<hgroup>
  <h1>클리어보스</h1>
  <h3>Universal Web Studio</h3>
</hgroup>

hgroup의 제목

  • 문서의 요약, 개요를 위해 hgroup 요소의 제목은 가장 높은 등급의 제목 요소(h1~h6 요소)의 텍스트로 선정됩니다.
  • 같은 등급의 제목이 여러 개 있다면 가장 앞의 제목이 hgroup의 텍스트로 선정됩니다.
  • hgroup 요소 내부에 있는 제목 컨텐츠의 다른 요소는 부제목이 됩니다.
  • h1~h6 요소 중에 가장 높은 등급의 요소를 제외한 나머지 것은 중요하지 않은 것으로 간주됩니다.

hgroup의 등급

  • 포함하고 있는 제목 요소 중 가장 높은 등급이 hgroup 요소의 등급이 됩니다.
  • 제목 요소를 포함하지 않고 있다면 hgroup 요소의 등급은 h1 요소가 됩니다.
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>hgroup</title>
  </head>
  <body>
    <hgroup>
      <h1>대제목</h1>
      <h3>(부제목)</h3>
    </hgroup>
    <p>내용</p>
    <section>
    <h2>중제목1</h2>
      <article>
        <h4>소제목1</h4>
        <p>내용</p>
      </article>
      <article>
        <h4>소제목2<h4>
        <p>내용</p>
      <article>
    </section>
    <section>
      <hgroup>
        <h2>중제목2</h2>
        <h3>(부제목)</h3>
      </hgroup>
      <article>
        <h4>소제목1<h4>
        <p>내용</p>
      </article>
      <article>
        <h4>소제목2</h4>
        <p>내용</p>
      </article>
    </section>
  </body>
</html>

속성

속성명 설명
전역 속성 공통 속성

메모

HTML4/XHTML1과의 차이점, 접근성, 보충 내용 그리고 편집자 의견 등을 포함하고 있습니다.

참조

기준 명세를 바탕으로 명세 번역과 레퍼런스 제작이 이루어졌습니다. 최근 내용은 최신 명세를 확인해 주세요.

관련 요소

 
html5/element/hgroup.txt · 마지막 수정: 2013/11/19 13:35 (외부 편집기)
이 레퍼런스는 클리어보스가 제작/운영하고 있으며, 다음의 라이센스를 따릅니다 :CC 저작자표시-비영리-동일조건변경허락 2.0
Recent changes RSS feed World Wide Web Consortium Driven by DokuWiki