<header> の仕様
カテゴリー | 使用できる場所(親要素) | コンテンツモデル(子要素) | タグ省略 |
フローコンテンツ | フローコンテンツを子要素にもてる場所 | フローコンテンツ <header>、<footer>、<main>は不可 | 不可 |
<header>の属性
【構文】
<header>~内容~</header>
ページTOP
<header>のサンプル
<header>
<h4>みんなのコメント</h4>
</header>
<p>みなさんコメントありがとう!</p>
<hr>
<article>
<header>
<h5>箱根でゆっくり温泉</h5>
</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>
週末、家族と愛犬で温泉に行ってきました。~内容~
私は新潟日本海で海鮮三昧!。~内容~
ページTOP
留意事項
- <header>タグは、HTML5で追加されたタグのため、対応していないブラウザも多くあります。
当面は、<div>タグなどで対応した方が良いかも知れません。
ただし、IE7,IE8なども対応していないのですが表示が乱れるなどの事象は発生しませんでした。
- 一般的に<h1>~<h6>の見出しがが含まれますが、必須ではありません。
- ページのヘッダだけではなく、セクションのヘッダでも利用されます。
ページTOP