hgroup h1-h6要素をまとめる | 初心者向けhtml5入門

html5 hgroup h1-h6要素をまとめる

hgroupはh1-h6要素をまとめます。

<hgroup>
	<h3>猫</h3>
	<h4>世界の猫</h>
</hgroup>

h要素は見出しですがそれはh1からh6まで構造的に大見出し小見出しとかレベルが
下がっていくのですがそれをまとめようというタグです。

しかし、hgroupはh1-h6要素以外は中にほかのタグを挿入することができません。

あまり使用するのも難しいかもしれませんし無理に今のところしようしないでいいでしょう。

サンプル

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>a</title>
	</head>
	<body><header>
<h1>こんにちわ</h1>
<nav>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</nav>
</header>
		
	
	<article>
	
<h2>ブログタイトル</h2>

	<p>ブログの内容</p>
	<figure>
	<figcaption>
	<img src="imeges/sky.jpg">
	</figcaption>
	</figure>
	
	</article>
	
	<aside>
	<p><a href="#">広告</a></p>
	</aside>
	<hgroup>
	<h3>猫</h3>
	<h4>世界の猫</h>
	</hgroup>
	<footer>
	
	<address>&copy;html5</address>
	</footer>
	</body>
</html>

hgroupはhtml5の仕様に入っていたはずですが情報が古くどうやら仕様からはずれてしまいました。