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

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

<footer>タグは、htmlやセクションのフッター領域を表します。
一般的に「著作者情報」「連絡先」「関連リンク」などが含まれます。

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

<footer> の仕様

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

<footer>の属性

【構文】
<footer>~内容~</footer>
属性意味値のサンプルなど
---
グローバル属性
  • accesskey
  • class
  • contenteditable
  • dir
  • hidden
  • id
  • lang
  • spellcheck
  • style
  • tabindex
  • title
  • translate
イベント属性
ページTOP

<footer>のサンプル

セクションにフッタを指定する場合
<header>
<h4>みんなのコメント</h4>
</header>
<hr>
<article>
<h5>箱根でゆっくり温泉</h5>
<p>週末、家族と愛犬で温泉に行ってきました。~内容~
<footer>
<p>
<time datetime="2013-03-24T20:15">2013/03/24 20:15</time>
</p>
</footer>
</article>
<hr>
<article>
<h5>豪華に部屋食&海鮮三昧</h5>
<p>私は新潟日本海で海鮮三昧!。~内容~
<footer>
<p>
<time datetime="2013-04-03T11:22">2013/04/03 11:22</time>
</p>
</footer>
</article>
<hr>

みんなのコメント


箱根でゆっくり温泉

週末、家族と愛犬で温泉に行ってきました。~内容~


豪華に部屋食&海鮮三昧

私は新潟日本海で海鮮三昧!。~内容~


ページTOP
ページのフッタを指定する場合
<body>
<header>
<h4>HTMLリファレンス</h4>
</header>
<p>HTMLタグの解説やサンプルを多く掲載しています。<br>今後、htmlチェックやhtml4.01からhtml5への自動変換なども随時拡張していきます!
・・・
~内容~
・・・</p>
<hr>
<footer>
<p>運営:CMAN</p>
<nav>
<a href="http://www.cman.co.jp/">CMAN</a>
<a href="http://www.cman.jp/">インターネット無料サービス</a>
<a href="../../">HTMLリファレンストップ</a>
</nav>
</footer>
</body>

HTMLリファレンス

HTMLタグの解説やサンプルを多く掲載しています。
今後、htmlチェックやhtml4.01からhtml5への自動変換なども随時拡張していきます!
・・・
~内容~
・・・


ページTOP

留意事項

  • <footer>タグは、HTML5で追加されたタグのため、対応していないブラウザも多くあります。
    当面は、<div>タグなどで対応した方が良いかも知れません。
    ただし、IE7,IE8なども対応していないのですが表示が乱れるなどの事象は発生しませんでした。
  • 一般的に「著作者情報」「連絡先」「関連リンク」などが含まれます。
  • ページのフッタだけではなく、セクションのフッタでも利用されます。
ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン