Pinned

Tag Header HTML5 dan Fungsinya

Artike berikut ini akan menjelaskan tentang Tag Header HTML5 beserta penjelasan fungsi-fungsinya.


6 Kegunaan Utama Tag Header pada HTML5
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.
  • 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 contentform 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>

Berikut ini adalah contoh ilustrasi elemen header pada HTML.

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>

<

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:

Blog ElfanMauludi

BKTIK Metopen ASN Logo |

Artikel ini didedikasikan kepada: Mayang Wulansari, Meidito Dewa Saputra, Mohammad Kafabi Murtajaya, Naeli Nurul Amalia, dan Novi Wulandari.

5 komentar:

  1. Apa yang dimaksud dengan elemen heading pada html?

    BalasHapus
    Balasan
    1. Tag 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.

      Hapus
    2. Elemen < 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.

      Hapus
  2. Apakah tag heading perlu disediakan pada pengembangan website html?

    BalasHapus
    Balasan
    1. iya,

      karena 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.

      Hapus

Hubungi admin melalui Wa : +62-896-2514-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things come from small things -