Thẻ HTML <footer>
Thí dụ
Phần chân trang trong tài liệu:
<footer>
<p>Author: Hege Refsnes</p>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</footer>
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thẻ <footer>
xác định chân trang cho tài liệu hoặc phần.
Một <footer>
phần tử thường chứa:
- thông tin về quyền tác giả
- Thông tin bản quyền
- thông tin liên lạc
- sơ đồ trang web
- quay lại liên kết hàng đầu
- tài liệu liên quan
Bạn có thể có nhiều <footer>
phần tử trong một tài liệu.
Mẹo và lưu ý
Mẹo: Thông tin liên hệ bên trong một <footer>
phần tử phải nằm trong
thẻ <address> .
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phần tử.
Element | |||||
---|---|---|---|---|---|
<footer> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Thuộc tính toàn cầu
Thẻ <footer>
cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <footer>
cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Các ví dụ khác
Thí dụ
Sử dụng CSS để tạo kiểu cho <footer>:
<html>
<head>
<style>
footer {
text-align: center;
padding: 3px;
background-color: DarkSalmon;
color:
white;
}
</style>
</head>
<body>
<footer>
<p>Author: Hege Refsnes<br>
<a href="mailto:[email protected]">[email protected]</a></p>
</footer>
</body>
</html>
Các trang liên quan
Tham chiếu DOM HTML: Đối tượng chân trang
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị <footer>
phần tử với các giá trị mặc định sau:
footer {
display: block;
}