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;
}
503
Bạn nên đọc
0 Bình luận
Sắp xếp theo
Xóa Đăng nhập để Gửi
Cũ vẫn chất
-
Windows update liên tục, tại sao vậy?
Hôm qua 2 -
Ca dao, tục ngữ, thành ngữ về tiết kiệm
Hôm qua -
Cách ánh xạ ổ đĩa mạng trong Windows 10
Hôm qua -
VCRUNTIME140_1.dll
-
30 Câu đố về cây cối cho trẻ
Hôm qua -
Cách khôi phục tin nhắn Zalo đã xóa ngay lập tức
Hôm qua -
Lệnh CREATE Database trong SQL
Hôm qua -
Hàm round() trong Python
Hôm qua -
Chần chừ, trần chừ hay trần trừ đúng chính tả?
Hôm qua -
Hướng dẫn toàn tập Word 2016 (Phần 10): Bố cục trang
Hôm qua 2