Tag Header HTML5 dan Fungsinya
 |
| Ilustrasi Header HTML5 |
Sebelum memahami lebih dalam materi tentang Tag Header HTML5 dan Fungsinya, terlebih dahulu pelajari materi tentang: Contoh Penggunaan Footer pada HTML [klik], Tag Figure pada HTML dan Fungsinya [klik], dan Tag Figcaption pada HTML dan Fungsinya [klik].
Tag <header> pada HTML digunakan untuk mendefinisikan header untuk sebuah dokumen atau sebuah section.
Berikut ini adalah contoh ilustrasi elemen header pada HTML.
Contoh:
- Tag header mengandung informasi yang berhubungan dengan title dan heading yang sesuai dengan konten.
- Elemen header biasanya dimaksudkan untuk tajuk bagian yang berasal dari elemen h1-h6 atau dari elemen <hgroup> tetapi bukan menjadi suatu persyaratan utama.
- Elemen header juga dapat digunakan untuk membungkus section dari table of content, form pencarian, ataupun logo relevan lainnya.
- Tag header adalah tag baru yang menjadi bagian dari HTML 5 dan membutuhkan opening dan closing tag pada penerapannya.
- Bisa terdapat beberapa elemen header dalam satu buah dokumen.
- Tag header tidak bisa ditempatkan antara <footer>, <address>, atapurn elemen <header> lainnya.
Sintak:
<header> ... </header>Baca Juga:
Contoh:
<!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:
<!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:
Referensi Tambahan:
- 2 Contoh Utama Penggunaan Tag Nav pada HTML5 [klik]
- 3 Atribut Utama yang Digunakan pada Tag Fieldset HTML5 [klik]
- 258 Karakter Operator Matematika yang Digunakan pada HTML5 [klik]
- 7 Jenis Atribut Utama yang Digunakan pada Tag Video HTML5 [klik]
- 2 Nilai Utama yang Digunakan pada Atribut Translate HTML5 [klik]
- 6 Contoh Program Penggunaan Tag Audio HTML5 [klik]
- 2 Contoh Program Penggunaan Anotasi Ruby pada Tag RT HTML5 [klik]
Artikel ini didedikasikan kepada: Mayang Wulansari, Meidito Dewa Saputra, Mohammad Kafabi Murtajaya, Naeli Nurul Amalia, dan Novi Wulandari.
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.