HTML5 - New Structural Tags : <hgroup>
HTML5 - New Structural Tags ( 구조 태그 ) : <hgroup></hgroup>
01. <section></section>
02. <article></article>
03. <aside></aside>
04. <header></header>
05. <hgroup></hgroup>
06. <footer></footer>
07. <nav></nav>
05. <hgroup></hgroup>
heading group : hgroup 요소는 섹션의 제목을 나타냅니다. 이 요소는 섹션의 제목이 몇 개의 레벨을 가질 때(단계를 가질 때, 예를 들어 부제목이나 태그 영역tagline 등)h1~h6 요소들을 그룹짓기 위해 사용됩니다.
source)
<!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>
'Web Design > HTML & HTML 5' 카테고리의 다른 글
| HTML5 - New Structural Tags : <footer> (0) | 2018.04.28 |
|---|---|
| HTML5 - New Structural Tags : <header> (0) | 2018.04.28 |
| HTML5 - New Structural Tags : <aside> (0) | 2018.04.28 |
| HTML5 - New Structural Tags : <article> (0) | 2018.04.28 |
| HTML5 - New Structural Tags : <section> (0) | 2018.04.26 |
