Thẻ HTML <header>
Định nghĩa và cách sử dụng thẻ <header>
Phần tử <header>
đại diện cho một container chứa nội dung giới thiệu hoặc một tập hợp các liên kết điều hướng. Ví dụ, đây là header cho một <article>:
<article>
<header>
<h1>Tiêu đề ở đây</h1>
<p>Đăng bởi John Doe</p>
<p>Một vài thông tin bổ sung</p>
</header>
<p>Nguồn gốc</p>
</article>
Phần tử <header>
thường chứa:
- Một hoặc nhiều phần tử tiêu đề (<h1> - <h6>)
- Logo hoặc biểu tượng
- Thông tin về quyền tác giả
Lưu ý: Bạn có thể có nhiều phần tử <header>
trong một tài liệu HTML. Tuy nhiên, <header>
không thể được đặt trong một phần tử <footer>
, <address> hoặc một phần tử <header>
khác.
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ử <header> | Google Chrome | MS Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Thuộc tính Global
Thẻ <header>
cũng hỗ trợ các thuộc tính Global trong HTML.
Thuộc tính sự kiện
Thẻ <header>
cũng hỗ trợ các thuộc tính sự kiện trong HTML.
Các ví dụ khác
Ví dụ về tiêu đề trang:
<header>
<h1>Tiêu đề trang chính ở đây</h1>
<p>Đăng bởi John Doe</p>
</header>
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị phần tử <header>
với các giá trị mặc định sau:
header {
display: block;
}
429
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 chuyển dữ liệu giữa các máy tính
2 ngày -
Lực ma sát là gì? Có mấy loại lực ma sát?
2 ngày 1 -
Câu nói hay về người thứ ba, stt về người thứ ba trong tình yêu thâm thúy
Hôm qua -
Cách sửa lỗi không tải được file lên Google Drive
Hôm qua -
Hướng dẫn thiết lập và quản lý FTP Server trên Windows 10
2 ngày -
Reset rank Liên Quân mùa 27
2 ngày -
44 phím tắt hữu dụng trên tất cả trình duyệt
Hôm qua 2 -
Hướng dẫn chia nhỏ file nén bằng WinRAR
2 ngày -
Cách chèn emoji vào ảnh trên iPhone cực đơn giản
Hôm qua -
200 biệt danh cho người yêu bằng tiếng Anh hay và ngọt ngào
2 ngày