HTML <フッター>タグ

❮前へ完全なHTMLリファレンス次へ❯

例

ドキュメントのフッターセクション：

<footer>
<p>Author: Hege Refsnes</p>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</footer>

以下の「自分で試してみてください」の例をもっと見てください。

定義と使用法

<footer>タグは、ドキュメントまたはセクションのフッターを定義します。

<footer>通常、要素には次のものが含まれます。

作者情報
著作権情報
連絡先
サイトマップ
トップに戻るリンク
関連資料

1つのドキュメントに複数の<footer>要素を含めることができます。

ヒントと注意

ヒント：<footer>要素内の連絡先情報は、 <address>タグ内に配置する必要があります。

ブラウザのサポート

表の数字は、要素を完全にサポートする最初のブラウザバージョンを示しています。

Element
<footer>	5.0	9.0	4.0	5.0	11.1

グローバル属性

この<footer>タグは、HTMLのグローバル属性もサポートしています。

イベント属性

この<footer>タグは、HTMLのイベント属性もサポートしています。

その他の例

例

CSSを使用して<フッター>のスタイルを設定します。

<html>
<head>
<style>
footer {
text-align: center;
padding: 3px;
background-color: DarkSalmon;
color: white;
}
</style>
</head>
<body>

<footer>
<p>Author: Hege Refsnes<br>
<a href="mailto:[email protected]">[email protected]</a></p>
</footer>

</body>
</html>

デフォルトのCSS設定

ほとんどのブラウザは<footer>、次のデフォルト値で要素を表示します。

footer {
display: block;
}