html5 hgroup h1-h6要素をまとめる
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>©html5</address> </footer> </body> </html>
hgroupはhtml5の仕様に入っていたはずですが情報が古くどうやら仕様からはずれてしまいました。