<hgroup> 「見出しのグループ化」
[読み方:エイチグループ]
<hgroup>タグは<h1>~<h6>の見出しをグループ化し1つの見出しと見なされます。
グループ化内の<h1>~<h6>でランクの高い見出しランクがグループ化の見出しランクとなります。
<hgroup>は、HTML5で一旦追加されましたが
W3C Candidate Recommendation 6 August 2013
で削除されたため、使用できません。
グループ化内の<h1>~<h6>でランクの高い見出しランクがグループ化の見出しランクとなります。
<hgroup>は、HTML5で一旦追加されましたが
W3C Candidate Recommendation 6 August 2013
で削除されたため、使用できません。
HTML規格 | HTML4.01 | HTML5 |
---|---|---|
使用可否 | × | × |
<hgroup> の属性
【構文】
<hgroup>
<h1>~タイトル~</h1>
<h2>~サブタイトル~</h2>
</hgroup>
<h1>~タイトル~</h1>
<h2>~サブタイトル~</h2>
</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>
<h3>家族4人でで楽しい旅行を記録しています</h3>
</hgroup>
</header>
<hr>
<article>
<header>
<hgroup>
<h3>箱根でゆっくり温泉</h3>
<h5>部屋で専用露天風呂に入った!</h5>
</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>
<h3>家族4人でで楽しい旅行を記録しています</h3>
</hgroup>
</header>
<hr>
<article>
<header>
<hgroup>
<h3>箱根でゆっくり温泉</h3>
<h5>部屋で専用露天風呂に入った!</h5>
</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>
