HTML <footer> -elementti

定义和用法

<footer> 标签定义文档或小节的页脚。

<footer> 元素通常包含：

  • 作者信息
  • 版权信息
  • 联系信息
  • 站点地图
  • 返回顶部链接
  • 相关页面

您可以在一个文档中包含多个 <footer> 元素。

另请参阅：

HTML DOM 参考手册：Footer 对象

实例

例子 1

文档中的页脚部分：

<footer>
  <p>作者：Bill Gates</p>
  <p><a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>

Kokeile itse

例子 2

使用 CSS 设置 <footer> 的样式：

<html>
<head>
<style>
footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;
}
</style>
</head>
<body>
<footer>
  <p> Tekijä: Bill Gates<br>
  <a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>
</body>
</html>

Kokeile itse

Vinkit ja huomiot

Vinkki:<footer> Yhteyshenkilötiedot tulisi sijoittaa <address> elementissä.

Globaalit ominaisuudet

<footer> Tämä elementti tukee myös HTML:ssä olevat globaalit ominaisuudet.

tapahtumavaiheita

<footer> Tämä elementti tukee myös HTML:ssä tapahtumavaiheet.

Oletusarvoiset CSS-asetukset

Useimmat selaimet käyttävät seuraavia oletusarvoja näyttääksensä <footer> Elementti:

footer {
  display: block;
}

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee elementtiä täysin.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 9.0 4.0 5.0 11.1