cman.jp箱根でゆっくり温泉
週末、家族と愛犬で温泉に行ってきました。～内容～
WEBページ作成
広告
<footer> 「HTMLまたはセクションのフッタ領域」[読み方：フッター]
<footer>タグは、htmlやセクションのフッター領域を表します。
一般的に「著作者情報」「連絡先」「関連リンク」などが含まれます。
| HTML規格 | HTML4.01 | HTML5 |
|---|---|---|
| 使用可否 | × | ○ |
<footer>は、HTML5で追加されたタグです
| ブラウザ別の対応状況 |
|---|
| 下記サイトで確認できます。 「Can I use」（英語のサイトです） |
広告
<footer> の仕様
<footer>の属性
【構文】
<footer>～内容～</footer>
<footer>のサンプル
セクションにフッタを指定する場合
ページTOP
<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>
<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>
<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への自動変換なども随時拡張していきます！
・・・
～内容～
・・・
留意事項
- <footer>タグは、HTML5で追加されたタグのため、対応していないブラウザも多くあります。
当面は、<div>タグなどで対応した方が良いかも知れません。
ただし、IE7,IE8なども対応していないのですが表示が乱れるなどの事象は発生しませんでした。 - 一般的に「著作者情報」「連絡先」「関連リンク」などが含まれます。
- ページのフッタだけではなく、セクションのフッタでも利用されます。
広告