"HTML hgroup 태그"의 두 판 사이의 차이

2018년 5월 19일 (토) 17:02 기준 최신판

<section>
  <hgroup>
    <h1>제목 h1</h1>
    <h2>소제목 h2</h2>
  </hgroup>
  <p>다람쥐 헌 쳇바퀴에 타고파.</p>
</section>

@@ 1번째 줄: / 1번째 줄: @@
 ==개요==
 ;hgroup
-;헤더그룹
+;헤더그룹, h그룹
-*h1, h2 ... 가 연속해서 나올 때 묶어주기 위한 태그
+* [[HTML5 문서 구조화 요소]] 중 하나
+* 헤더(h1, h2 ...)가 연속해서 나올 때 묶어주기 위한 태그
 ==예시==
-<source lang='html5'>
+<source lang='html'>
-<!DOCTYPE html>
+<section>
-<meta charset="utf-8">
+   <hgroup>
-<title>제목그룹</title>
+     <h1>제목 h1</h1>
-<body>
+    <h2>소제목 h2</h2>
-   <section>
+  </hgroup>
-     <hgroup>
+  <p>다람쥐 헌 쳇바퀴에 타고파.</p>
-      <h1>제목 h1</h1>
+</section>
-      <h2>소제목 h2</h2>
-    </hgroup>
-    <p>다람쥐 헌 쳇바퀴에 타고파.</p>
-  </section>
-</body>
 </source>
-*예제: http://jmnote.com/html5/hgroup.php
+<jsfiddle height='300'>j5y7cx1z</jsfiddle>
 ==같이 보기==
-*[[HTML h1 태그]]
+* [[HTML h1 태그]]
+* [[HTML5 문서 구조화 요소]]
+==참고==
+*http://www.w3schools.com/tags/tag_hgroup.asp
 [[분류: HTML 태그]]