English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTMLリファレンスマニュアル

HTMLタグ一覧

HTML: <footer> タグ

HTMLの<footer>タグはHTMLの5要素は、通常HTMLドキュメントに著作権や著者情報を含むフッターを定義する要素です。このタグは、<footer>要素としても知られています。

オンラインの例

ドキュメントのフッター:

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 footerタグの使用(基本チュートリアルウェブ oldtoolbag.com)</title>
</head>
<body>
<article>
  <h1>Articleの見出し</h1>
  <p>articleの下に表示されるテキスト</p>
</<article>
<footer>
  <p>Copyright ©2019</p>
</footer>
</body>
</html>
テストをしてみる ‹/›

このHTML5ドキュメントの例では、まず<article>タグを作成し、次に<footer>タグを作成しました。

ブラウザの互換性

IEFirefoxOperaChromeSafari

IE 9、Firefox、Opera、Chrome、Safariが<footer>タグをサポートしています。

注釈:IE 8 もっと古いバージョンのIEブラウザは<footer>タグをサポートしていません。

タグの定義及び使用説明

<footer> タグは、ドキュメントまたはドキュメントの一部のエリアのフッターを定義します。

<footer> 要素は、含まれる要素の情報を含むべきです

<footer> タグは <article>、<section>、<body>、<aside>、<nav>、<blockquote>、<details>、<fieldset>、<td>、または <figure> に適用できます

一般的な場合、この要素はドキュメントの作成者の名前、著作権情報、利用規約のリンク、連絡情報などが含まれます。

ドキュメント内で、複数の <footer> 要素を定義できます。

HTML 4.01 HTMLと5の間の違い

<footer> タグは HTML 5 の中の新しいタグ。

ヒントと注意

ヒント:もし <footer> 要素を使って連絡情報を挿入する場合、<footer> 要素内で使用するべきです <address> タグ。

グローバル属性

<footer> タグがサポートされています HTMLのグローバル属性

イベント属性

<footer> タグがサポートされています HTMLのイベント属性