Tag <header> pada HTML digunakan untuk mendefinisikan header untuk sebuah dokumen atau sebuah section.
Sintak:
<header> ... </header>
Berikut ini adalah contoh ilustrasi elemen header pada HTML:
Contoh 1:
- satu, Tag header mengandung informasi yang berhubungan dengan title dan heading yang sesuai dengan konten.
- dua, Elemen header biasanya dimaksudkan untuk tajuk bagian yang berasal dari elemen h1-h6 atau dari elemen <hgroup> tetapi bukan menjadi suatu persyaratan utama.
- tiga, Elemen header juga dapat digunakan untuk membungkus section dari table of content, form pencarian, ataupun logo relevan lainnya.
- empat, Tag header adalah tag baru yang menjadi bagian dari HTML 5 dan membutuhkan opening dan closing tag pada penerapannya.
- lima, Bisa terdapat beberapa elemen header dalam satu buah dokumen.
- enam, Tag header tidak bisa ditempatkan antara <footer>, <address>, atapurn elemen <header> lainnya.
Sintak:
<header> ... </header>
Berikut ini adalah contoh ilustrasi elemen header pada HTML:
Contoh 1:
<!DOCTYPE html>
<html>
<head>
<title>
Tag Header
</title>
</head>
<body>
<article>
<header>
<h1>
Ini adalah heading.
</h1>
<h4>
Ini adalah sub heading.
</h4>
<p>
Ini adalah metadata.
</p>
</header>
</article>
</body>
</html>
Output:
Ini adalah heading.
Ini adalah sub heading.
Ini adalah metadata.
Contoh 2:
<!DOCTYPE html>
<html>
<head>
<title>
Tag Header
</title>
</head>
<body>
<header>
<h1>
Blog ElfanMauludi
</h1>
<p>
<a
href=
"https://elfanmauludi-tik.blogspot.com/">
BKTIK
</a>|
<a href=
"https://elfanmauludi-ptk.blogspot.com/">
Metopen
</a>|
<a
href=
"https://elfanmauludi-asn.blogspot.com/">
ASN
</a>|
<a href=
"https://elfanmauludi-logo.blogspot.com/">
Logo
</a> |
</p>
</header>
</body>
</html>
Output:
Apa yang dimaksud dengan elemen heading pada html?
BalasHapusTag Header pada html digunakan untuk menentukan header atau kepala dokumen dari website atau situs html. Tag tersebut berisi informasi yang berkaitan dengan judul dan heading konten terkait. Elemen header biasanya dimaksudkan untuk membuat heading ataupun elemen heading.
HapusElemen < header > mewakiliki wadah atau tempat untuk konten pengantar ataupun juga beberap navigasi situs. Elemen header biasanya berisi informasi dari beberapa elemen atau alamat situs baik berupa logo ataupun juga ikon yang menuju ke alamat tertentu.
HapusApakah tag heading perlu disediakan pada pengembangan website html?
BalasHapusiya,
Hapuskarena Tag heading menunjukkan judul pada suatu halaman website dengan menggunakan kode program tertentu untuk memberitahukan bahwa web browser dapat menampilkan judul tersebut pada konten. Inilah alasan kenapa suatu konten dapat diatur pada website sehingga konten atau judul tersebut dapat dibaca oleh browser. Selain untuk membantu pembuatan struktur umum pada website, tag heading juga membantu untuk meningkatkan aksesibilitas bagi pengunjung yang tidak dapat membaca layar dengan mudah.