Thẻ <header> HTML

Định nghĩa và cách sử dụng

<header> Phần tử biểu thị khung chứa nội dung giới thiệu hoặc một nhóm liên kết dẫn.

<header> Phần tử thường chứa:

  • Một hoặc nhiều phần tử tiêu đề (<h1> - <h6>)
  • Biểu tượng hoặc biểu tượng
  • Thông tin tác giả

Lưu ý:<header> thẻ thường được sử dụng để định nghĩa tiêu đề của tài liệu.

Lưu ý:một tài liệu HTML có thể có nhiều <header> phần tử. Nhưng,<header> không thể đặt trong <footer>và<address> hoặc một phần tử khác <header> trong phần tử.

Xin xem thêm:

Tài liệu tham khảo HTML DOM:Đối tượng Header

Ví dụ

Mẫu 1

Tiêu đề của <article> là:

<article>
  <header>
    <h1>Đây là tiêu đề</h1>
    <p>Được phát hành bởi Bill Gates</p>
    <p>Cung cấp thêm thông tin.</p>
  </header>
  <p>Đây là nội dung.... Đây là nội dung....</p>
</article>

Thử ngay

Mẫu 2

Tiêu đề trang đầu:

<header>
  <h1>Đây là tiêu đề trang chủ</h1>
  <p>Được phát hành bởi Bill Gates</p>
</header>

Thử ngay

Thuộc tính toàn cục

<header> Nhãn cũng hỗ trợ Thuộc tính toàn cục trong HTML.

Thuộc tính sự kiện

<header> Nhãn cũng hỗ trợ Thuộc tính sự kiện trong HTML.

Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị các giá trị mặc định sau <header> Thành phần:

header {
  display: block;
}

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ nhãn này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 9.0 4.0 5.0 11.1