"HTML h1 - h6 태그"의 두 판 사이의 차이

2012년 7월 14일 (토) 17:53 판

HTML5 heading
HTML5 헤딩, 제목줄

h1~h6, hgroup
h1, h2, h3, h4, h5, h6, hgroup

1 기초 예제

<!DOCTYPE html>
<meta charset="utf-8">
<title>h1, h2, h3</title>
<body>
	<h1>대제목 h1</h1>
	<h2>중제목 h2</h2>
	<h3>소제목 h3</h3>
</body>

예제: http://jmnote.com/html5/heading.php

2 hgroup

<!DOCTYPE html>
<meta charset="utf-8">
<title>제목그룹</title>
<body>
  <section>
    <hgruop>
      <h1>제목 h1</h1>
      <h2>소제목 h2</h2>
    </hgroup>
    <p>다람쥐 헌 쳇바퀴에 타고파.</p>
  </section>
</body>

예제: http://jmnote.com/html5/hgroup.php

3 같이 보기

HTML5 콘텐츠 모델

@@ 5번째 줄: / 5번째 줄: @@
 ;h1, h2, h3, h4, h5, h6, hgroup
-==예제==
+==기초 예제==
 <source lang='html5'>
 <!DOCTYPE html>
@@ 17번째 줄: / 17번째 줄: @@
 </source>
 *예제: http://jmnote.com/html5/heading.php
+==hgroup==
+<source lang='html5'>
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>제목그룹</title>
+<body>
+  <section>
+    <hgruop>
+      <h1>제목 h1</h1>
+      <h2>소제목 h2</h2>
+    </hgroup>
+    <p>다람쥐 헌 쳇바퀴에 타고파.</p>
+  </section>
+</body>
+</source>
+*예제: http://jmnote.com/html5/hgroup.php
 ==같이 보기==