this → Artikel Baru – ( Atrikel Lama ↓ )

6 Kegunaan Utama Tag Header pada HTML5

Waktu Publikasi Labels: Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia
Tag <header> pada HTML digunakan untuk mendefinisikan header untuk sebuah dokumen atau sebuah section.
  • 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.

Pahami pula, tentang semua konsep desain Web untuk tingkat pemula melalui materi lengkap HTML [klik].


Sintak:
<header> ... </header>

Berikut ini adalah contoh ilustrasi elemen header pada HTML:

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.


Baca juga, tentang materi bahasa pemrograman lainnya melalui Materi Lengkap 

Bahasa Pemrograman [klik].


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:

Blog ElfanMauludi

BKTIK | Metopen | ASN | Logo |

Dipublikasikan Oleh
Bekerja Sebagai Guru TIK di Kota Semarang, yang memanfaatkan blog sebagai sarana pendidikan dan informasi.

Komentar

  1. AnonimJumat, 28 Mei 2021 07.19.00 WIB

    Apa yang dimaksud dengan elemen heading pada html?

    BalasHapus
    Balasan
    1. AnonimJumat, 28 Mei 2021 07.19.00 WIB

      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. AnonimJumat, 28 Mei 2021 07.21.00 WIB

      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. AnonimJumat, 28 Mei 2021 07.24.00 WIB

    Apakah tag heading perlu disediakan pada pengembangan website html?

    BalasHapus
    Balasan
    1. AnonimJumat, 28 Mei 2021 07.24.00 WIB

      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

Posting Komentar

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

Catatan: setiap iklan yang ditayangkan pada blog ini bersumber dari google adsense. Dengan jenis iklan yang dipilih adalah, sebagai berikut.

POIN 1, Iklan yang ditampilkan hanya boleh berbahasa indonesia atau berbahasa inggris. Tidak menerima jenis iklan dalam bahasa yang lain selain yang telah disebutkan karena blog ini dibuat untuk para pengunjung dari negara atau orang yang berbahasa Indonesia.

POIN 2, Setiap gambar yang ditampilkan pada iklan sifatnya tidak mengganggu para pengunjung yang melihat blog, atau tidak boleh menampilkan gambar yang bersifat menjijikkan atau merangsang rasa mual.

POIN 3, Jenis iklan yang dipasang bukan merupakan iklan spam, atau berisi dan mengarahkan pengunjung ke alamat yang berbahaya atau bersifat penipuan.

POIN 4, Segala bentuk iklan tunduk dan patuh pada ketentuan dari pihak Adsense google dan pemilik blog.

POIN 5, Segala jenis iklan yang tidak bertentangan dengan poin 1-4 yang dijelaskan sebelumnya, maka iklan tersebut dapat ditampilkan pada blog.



~ Ikatlah Ilmu dengan Memostingkannya ~

Hot Artikel

Enkapsulasi pada Java

Waktu Publikasi 22 komentar
Enkapsulasi didefinisikan sebagai pembungkusan data dalam satu buah unit. Enkapsulasi adalah mekanisme yang mengikat code program dan data yang dimanipulasi secara bersamaan pada bahasa pemrograman Java. Cara lain untuk berpikir mengenai enkapsulasi adalah upaya untuk melindungi atau sebagai perisai proteksi yang mencegah data untuk diakses oleh pihak luar.
Tampilan Selengkapnya »

Perbedaan stdio.h dan stdlib.h pada Bahasa C

Waktu Publikasi 7 komentar
Terdapat dua file header penting yang digunakan dalam bahasa C. Pertama, "<stdio.h>" adalah file header untuk standar input dan output , dan kedua "<stdlib.h>" adalah header file untuk standar library . Salah satu cara mudah untuk membedakan kedua file header tersebut adalah "<stdio.h>" mengandung deklarasi dari printf() dan scanf() , sementara "<stdlib.h>" mengandung deklarasi dari malloc() dan free() . Secara umum, perbedaan kedua file header tersebut adalah "<stdio.h>" mengandung informasi header untuk file yang berkaitan dengan fungsi nilai input output pada program, sedangkan "<stdlib.h>" mengandung informasi untuk fungsi alokasi memori dan pembebasan alokasi memori.
Tampilan Selengkapnya »

Penjelasan Singkat tentang Konsep Asosiasi, Komposisi, dan Agregasi pada Java

Waktu Publikasi 6 komentar
Gambar
Dalam artikel ini akan dijelaskan fungsi dari asosiasi, komposis, dan agregasi yang merupakan bentuk-bentuk hubungan antar  object  dalam OOP Java. Asosiasi   Asosiasi adalah hubungan antara dua  class  terpisah yang terbentuk melalui  object -nya. Asosiasi bisa berupa  one-to-one ,  one-to-many ,  many-to-one ,  many-to-many . Pada pemrograman berorientasi  object ,  object  berkomunikasi dengan  object  lainnya menggunakan fungsi dan  services  yang disediakan oleh  object . Komposisi dan agregasi adalah dua bentuk dari asosiasi seperti diperlihatkan pada  gambar 1 .
Tampilan Selengkapnya »

3 Jenis Utama Looping pada Java

Waktu Publikasi 5 komentar
Gambar
Looping  pada bahasa pemrograman Java adalah fitur yang digunakan untuk memfasilitasi eksekusi program dari sekelompok instruksi atau fungsi secara berulang ketika beberapa kondisi tertentu yang menjadi syarat adalah bernilai benar. Java menyediakan tiga cara untuk melakukan eksekusi  looping  pada program. Dimana semua cara tersebut menyediakan fungsi dasar yang sama, dimana perbedaannya hanya terdapat pada sintak dan kondisi waktu eksekusi.
Tampilan Selengkapnya »