Tanda <footer> HTML

Definisi dan penggunaan

<footer> tag definisi kaki halaman atau seksyen dokumen.

<footer> elemen biasanya mengandungi:

  • maklumat penulis
  • maklumat hak cipta
  • maklumat hubungan
  • peta laman
  • pautan kembali ke atas
  • halaman yang berhubungan

Anda boleh memasukkan beberapa halaman yang berhubungan dalam satu dokumen <footer> elemen.

Lihat juga:

Pustaka HTML DOM:Objek Footer

contoh

contoh 1

bahagian kaki dokumen dalam:

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

亲自试一试

contoh 2

gunakan CSS untuk tetapkan <footer> gaya:

<html>
<head>
<style>
footer {
  alamat teks: tengah;
  kelebaran: 3px;
  warna latar: DarkSalmon;
  warna: putih;
}
</style>
</head>
<body>
<footer>
  <p>作者：Bill Gates<br>
  <a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>
</body>
</html>

亲自试一试

提示和注释

提示：<footer> 元素中的联系信息应该放在 <address> 标签中。

全局属性

<footer> 标签还支持 HTML 中的全局属性。

事件属性

<footer> 标签还支持 HTML 中的事件属性。

默认的 CSS 设置

大多数浏览器将使用以下默认值来显示 <footer> 元素：

footer {
  display: block;
}

浏览器支持

表中的数字注明了首个完全支持该元素的浏览器版本。

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