Thẻ HTML <footer>
Định nghĩa và cách sử dụng thẻ <footer>
Thẻ <footer>
xác định footer cho tài liệu hoặc phần. Ví dụ về phần footer trong tài liệu như sau:
<footer>
<p>Author: Hege Refsnes</p>
<p><a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>
Phần tử <footer> 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 phần tử <footer> trong một tài liệu.
Lưu ý: Thông tin liên hệ bên trong phần tử <footer>
nên nằm bên 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ử.
Phần tử <footer> | Google Chrome | MS Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Thuộc tính Global
Thẻ <footer>
cũng hỗ trợ các thuộc tính Global trong HTML.
Thuộc tính sự kiện
Thẻ <footer>
cũng hỗ trợ các thuộc tính sự kiện trong HTML.
Các ví dụ khác
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:hege@example.com">hege@example.com</a></p>
</footer>
</body>
</html>
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;
}
471
Bạn nên đọc
0 Bình luận
Sắp xếp theo
![❖](https://st.quantrimang.com/photos/avatars/default.png)
Xóa Đăng nhập để Gửi
![❖](https://st.quantrimang.com/photos/image/icon/hoc-HTML-5-size-24x24-znd.png)
Cũ vẫn chất
-
Cách sửa lỗi không tải được file lên Google Drive
Hôm qua -
Tổng hợp phím tắt Đấu Trường Chân Lý
Hôm qua -
Stt cho những đêm tâm trạng không ngủ được
Hôm qua -
Phần mở rộng file là gì?
Hôm qua -
2 cách lặp lại thanh tiêu đề trong Word cho bảng
Hôm qua -
Cách quản lý mật khẩu đã lưu trên Microsoft Edge: Xem, xóa, sửa, xuất
Hôm qua -
Công thức Minecraft để chế tạo đồ cơ bản, thức ăn, công cụ dụng cụ, đồ bảo hộ, len, màu nhuộm
Hôm qua 1 -
Code Hello Cafe VNG mới nhất và cách nhập code
2 ngày -
Cheat Aoe 2, mã lệnh Aoe 2 tất cả các bản đầy đủ nhất
Hôm qua -
Khắc phục tình trạng các phím chức năng không hoạt động trong Windows 10
Hôm qua