Tag <header> HTML
Contoh
Header untuk <artikel>:
<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>
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Elemen <header>
mewakili wadah untuk konten pengantar atau sekumpulan tautan navigasi.
Sebuah <header>
elemen biasanya berisi:
- satu atau lebih elemen heading (<h1> - <h6>)
- logo atau ikon
- informasi kepengarangan
Catatan: Anda dapat memiliki beberapa <header>
elemen dalam satu dokumen HTML. Namun, <header>
tidak dapat ditempatkan di dalam <footer>, <address> atau <header>
elemen lain.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung elemen tersebut.
Element | |||||
---|---|---|---|---|---|
<header> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Atribut Global
Tag <header>
juga mendukung Atribut Global dalam HTML .
Atribut Acara
Tag <header>
juga mendukung Atribut Peristiwa dalam HTML .
Lebih Banyak Contoh
Contoh
Judul halaman:
<header>
<h1>Main page heading here</h1>
<p>Posted by
John Doe</p>
</header>
Halaman Terkait
Referensi DOM HTML: Objek Header
Pengaturan CSS Default
Sebagian besar browser akan menampilkan <header>
elemen dengan nilai default berikut:
header {
display: block;
}