WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > HTMLタグ・リファレンス > HTMLタグ一覧(ABC順) > <header>「HTMLまたはセクションのヘッダ領域」

<header> 「HTMLまたはセクションのヘッダ領域」[読み方:ヘッダー]

<header>タグは、htmlやセクションのフッター領域を表します。
一般的に<h1>~<h6>の見出しがが含まれますが、必須ではありません。

HTML規格HTML4.01HTML5
使用可否×
<header>は、HTML5で追加されたタグです
ブラウザ別の対応状況
下記サイトで確認できます。
「Can I use」(英語のサイトです)
広告

<header> の仕様

カテゴリー使用できる場所(親要素)コンテンツモデル(子要素)タグ省略
フローコンテンツフローコンテンツを子要素にもてる場所フローコンテンツ
<header>、<footer><main>は不可
不可

<header>の属性

【構文】
<header>~内容~</header>
属性意味値のサンプルなど
---
グローバル属性
  • accesskey
  • autocapitalize
  • autofocus
  • class
  • contenteditable
  • dir
  • draggable
  • enterkeyhint
  • hidden
  • id
  • inert
  • inputmode
  • is
  • itemid
  • itemprop
  • itemref
  • itemscope
  • itemtype
  • lang
  • nonce
  • popover
  • slot
  • spellcheck
  • style
  • tabindex
  • title
  • translate
  • writingsuggestions
イベント属性
ページ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
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン