Thẻ HTML <chân trang>
Ví 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>
Hãy tự mình thử »Thêm 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.
Phần tử <footer>
thường chứa:
- thông tin tác giả
- Thông tin bản quyền
- thông tin liên lạc
- sơ đồ trang web
- liên kết quay lại đầu trang
- tài liệu liên quan
Bạn có thể có nhiều phần tử <footer>
trong một tài liệu.
Lời khuyên và ghi chú
Mẹo: Thông tin liên hệ bên trong phần tử <footer>
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 chung
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 .
Thêm ví dụ
Ví 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>
Hãy tự mình thử »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ị phần tử <footer>
với các giá trị mặc định sau:
footer {
display: block;
}