Thẻ <footer> HTML

Định nghĩa và cách sử dụng

<footer> thẻ định nghĩa chân trang của tài liệu hoặc phần.

<footer> thuộc tính thường chứa:

  • Thông tin tác giả
  • Thông tin bản quyền
  • Thông tin liên hệ
  • bản đồ trang web
  • liên kết quay lại đầu trang
  • trang liên quan

Bạn có thể bao gồm nhiều <footer> thuộc tính.

Xin xem thêm:

Hướng dẫn tham khảo HTML DOM:Đối tượng Footer

thực tế

ví dụ 1

phần chân trang của tài liệu:

<footer>
  <p>Tác giả: Bill Gates</p>
  <p><a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>

Thử trực tiếp

ví dụ 2

sử dụng CSS để thiết lập <footer> các樣式 của nó:

<html>
<head>
<style>
footer {
  canh giữa văn bản;
  keo: 3px;
  màu nền: DarkSalmon;
  màu trắng;
}
</style>
</head>
<body>
<footer>
  <p> tác giả: Bill Gates<br>
  <a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>
</body>
</html>

Thử trực tiếp

Lưu ý và ghi chú

Lưu ý:<footer> Thông tin liên hệ trong thành phần nên được đặt ở <address> trong thẻ.

Thuộc tính toàn cục

<footer> Thẻ còn hỗ trợ Thuộc tính toàn cục trong HTML.

Thuộc tính sự kiện

<footer> Thẻ còn hỗ trợ Thuộc tính sự kiện trong HTML.

Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ sử dụng giá trị mặc định sau để hiển thị <footer> Thành phần:

footer {
  display: block;
}

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt hỗ trợ yếu tố đầu tiên.

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