フッターであることを表すには？
footerタグの書式
footerタグに対応しているブラウザ
※Windows 7上で動作確認を行っています。
※ブラウザの設定より、異なる挙動をする場合があります。
footerタグの属性一覧
footerタグの解説
<footer>は、「フッター」と呼ばれる、ページの末尾に示すような情報を表すための要素です。
<footer>タグでは、そのページやコンテンツについての情報を指定します。具体的には、著者、運営元、著作権に関する情報や、関係文書へのリンクなどを表示する際に使用します。
また全セクションに対するフッターを表す場合、付録やインデックス、ライセンス同意事項などの内容も、<footer>で表すことができます。
フッターは通常、ページやセクションの末尾に表示しますが、内容によっては必ずしも末尾である必要はありません。
ページやセクションの途中であったり、先頭でも使用することができます。
footerタグのサンプルソース1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル1</title>
</head>
<body>
<header>
<h1>図書案内</h1>
<p>当館のベストセラー、人気作者を紹介します。</p>
</header>
<p>今月のベストセラーは、夏目漱石の『吾輩は猫である』でした。</p>
<p>今週のベストセラーは、芥川龍之介の『槍が岳に登った記』でした。</p>
<footer>
<nav>
<p><a href="/hpage.html">ホームページ</a>
<a href="/blog.html">ブログ</a></p>
</nav>
<p><small>無断転載を禁止します。</small></p>
</footer>
</body>
</html>
footerタグのサンプル画面1
footerタグのサンプルソース2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル2</title>
</head>
<body>
<header>
<hgroup>
<h1>会社案内</h1>
<h2>お知らせ</h2>
</hgroup>
<p>12月30日から１月３日まで年末年始休業いたします。</p>
</header>
<p>ご不便をお掛けしますが、何とぞご理解いただきますようお願い申し上げます。</p>
<p>なお、緊急（ご用件のみの承りになります）、および、営業・休業のお問い合わせについては、カスタマーサポートにてお受けいたします。</p>
<p>電子メールでいただきましたお問い合わせにつきましては、１月４日以降に順次対応させていただきますので、ご了承のほどお願い申し上げます。</p>
<footer>
<p><a href="../">トップへ戻る</a></p>
</footer>
</body>
</html>
footerタグのサンプル画面2
footerタグの関連項目
