cman.jpWEBページ作成
広告
<hgroup> 「見出しのグループ化」[読み方：エイチグループ]
<hgroup>タグは、見出しと関連コンテンツを表します。
<h1>～<h6>を、小見出し、代替タイトル、キャッチフレーズを表すコンテンツを含む1つ以上の<p>とグループ化するために使用します。
| HTML規格 | HTML4.01 | HTML5 |
|---|---|---|
| 使用可否 | × | ○ |
<hgroup>は、HTML5以降に追加されたタグです
| ブラウザ別の対応状況 |
|---|
| 下記サイトで確認できます。 「Can I use」（英語のサイトです） |
広告
<hgroup> の仕様
<hgroup>の属性
【構文】
<hgroup>
<h1>～タイトル～</h1>
<p>～サブタイトル～</p>
</hgroup>
<h1>～タイトル～</h1>
<p>～サブタイトル～</p>
</hgroup>
<hgroup>タグのサンプル
<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>hgroupサンプル</title>
</head>
<body>
<header>
<hgroup>
<h1>家族旅行ブログ！！</h1>
<p>家族4人でで楽しい旅行を記録しています</p>
</hgroup>
</header>
<hr>
<article>
<header>
<hgroup>
<h3>箱根でゆっくり温泉</h3>
<p>部屋で専用露天風呂に入った！</p>
</hgroup>
</header>
<p>週末、家族と愛犬で温泉に行ってきました。～内容～
<footer>
<p><time datetime="2013-03-24T20:15">2013/03/24 20:15</time></p>
</footer>
</article>
<hr>
<article>
<header>
<h5>豪華に部屋食＆海鮮三昧</h5>
</header>
<p>私は新潟日本海で海鮮三昧！。～内容～
<footer>
<p><time datetime="2013-04-03T11:22">2013/04/03 11:22</time></p>
</footer>
</article>
<hr>
</body>
</html>
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>hgroupサンプル</title>
</head>
<body>
<header>
<hgroup>
<h1>家族旅行ブログ！！</h1>
<p>家族4人でで楽しい旅行を記録しています</p>
</hgroup>
</header>
<hr>
<article>
<header>
<hgroup>
<h3>箱根でゆっくり温泉</h3>
<p>部屋で専用露天風呂に入った！</p>
</hgroup>
</header>
<p>週末、家族と愛犬で温泉に行ってきました。～内容～
<footer>
<p><time datetime="2013-03-24T20:15">2013/03/24 20:15</time></p>
</footer>
</article>
<hr>
<article>
<header>
<h5>豪華に部屋食＆海鮮三昧</h5>
</header>
<p>私は新潟日本海で海鮮三昧！。～内容～
<footer>
<p><time datetime="2013-04-03T11:22">2013/04/03 11:22</time></p>
</footer>
</article>
<hr>
</body>
</html>
留意事項
広告