Tanda <header> HTML

Definisi dan penggunaan

<header> Elemen menunjukkan konten pengantar atau wadah dari grup tautan navigasi.

<header> Elemen biasanya mengandung:

  • Satu atau beberapa elemen judul (<h1> - <h6>)
  • Lambang atau ikon
  • Informasi penulis

Petunjuk:<header> tag biasa digunakan untuk mendefinisikan header dokumen.

Perhatian:dalam satu dokumen HTML dapat memiliki banyak elemen <header> di elemen. Tetapi,<header> tidak dapat ditempatkan <footer>,<address> atau yang lain <header> di elemen.

Lihat pula:

Panduan DOM HTML:Objek Header

Contoh

Contoh 1

Judul <article>:

<article>
  <header>
    <h1>Ini adalah judul</h1>
    <p>Diterbitkan oleh Bill Gates</p>
    <p>Di sini disediakan beberapa informasi ekstra.</p>
  </header>
  <p>Di sini ada konten utama.... Di sini ada konten utama....</p>
</article>

Coba Sendiri

Contoh 2

Kepala halaman:

<header>
  <h1>Ini adalah judul halaman utama</h1>
  <p>Diterbitkan oleh Bill Gates</p>
</header>

Coba Sendiri

Atribut Global

<header> Tanda ini juga mendukung Atribut Global di HTML.

Atribut Acara

<header> Tanda ini juga mendukung Atribut Acara di HTML.

Pengaturan CSS Standar

Sebagian besar browser akan menampilkan nilai standar berikut: <header> Elemen:

header {
  display: block;
}

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang mendukung tanda ini.

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