<footer>
<footer>
は HTML の要素で、直近の区分コンテンツまたは区分化ルート要素のフッターを表します。フッターには通常、そのセクションの著者に関する情報、関連文書へのリンク、著作権情報等を含めます。
試してみましょう
コンテンツカテゴリー | フローコンテンツ, 知覚可能コンテンツ |
---|---|
許可されている内容 |
フローコンテンツ。ただし、子孫に他の <footer> や
<header> がないもの。
|
タグの省略 | 不可。開始と終了タグの両方が必要。 |
許可されている親要素 |
フローコンテンツを受け入れるすべての要素。ただし、
<address> , <header> ,
他の <footer> の子孫要素として配置してはならない。
|
暗黙の ARIA ロール |
contentinfo、ただし article,
aside,
main,
nav,
section
のいずれかの要素、または
role=article ,
complementary, main,
navigation,
region
がある要素の子である場合は対応するロールなし
|
許可されている ARIA ロール |
group , presentation ,
none (en-US)
|
DOM インターフェイス | HTMLElement |
属性
この要素にはグローバル属性のみがあります。
使用上のメモ
例
html
<body>
<h3>FIFA World Cup top goalscorers</h3>
<ol>
<li>Miroslav Klose, 16</li>
<li>Ronaldo Nazário, 15</li>
<li>Gerd Müller, 14</li>
</ol>
<footer>
<small>
Copyright © 2023 Football History Archives. All Rights Reserved.
</small>
</footer>
</body>
css
footer {
text-align: center;
padding: 5px;
background-color: #abbaba;
color: #000;
}
アクセシビリティの考慮
仕様書
Specification |
---|
HTML Standard # the-footer-element |
ブラウザーの互換性
BCD tables only load in the browser