Thẻ HTML <header>
Thí dụ
Tiêu đề cho một <article>:
<article>
<header>
<h1>A heading here</h1>
<p>Posted by John
Doe</p>
<p>Some additional information here</p>
</header>
<p>Lorem Ipsum dolor set amet....</p>
</article>
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
Phần <header>tử đại diện cho một vùng chứa cho 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.
Một <header>phần tử 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 <header>phần tử trong một tài liệu HTML. Tuy nhiên, <header>không thể đặt trong <footer>, <address> hoặc một <header>phần tử 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ử.
| Element | |||||
|---|---|---|---|---|---|
| <header> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Thuộc tính toàn cầu
Thẻ <header>cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <header>cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Các ví dụ khác
Thí dụ
Tiêu đề trang:
<header>
<h1>Main page heading here</h1>
<p>Posted by
John Doe</p>
</header>
Các trang liên quan
Tham chiếu HTML DOM: Đối tượng tiêu đề
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị <header>phần tử với các giá trị mặc định sau:
header {
display: block;
}