HTML <footer> แบบตาราง

  • หน้าก่อนหน้า <font>
  • หน้าต่อไป <form>

定義和用法

<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>

ลองทดสอบด้วยตัวเอง

例子 2

使用 CSS 設置 <footer> 的樣式：

<html>
<head>
<style>
footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;
}
</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
  • หน้าก่อนหน้า <font>
  • หน้าต่อไป <form>