πŸ“˜ Perbedaan <head> vs <header> dalam HTML

Sering bingung bedain <head> sama <header>? Yuk kita bahas dengan gaya santai, lengkap dengan contoh, diagram, dan demo.

🧭 Browser: – πŸ’» OS: – 🏳️ Lokasi: –

🧩 Apa itu <head>?

<head> adalah bagian dokumen HTML yang berisi metadata: judul halaman, deskripsi, link CSS, favicon, script, dan lain-lain. Bagian ini tidak terlihat langsung oleh pengguna, tapi penting untuk SEO dan browser.

🧩 Apa itu <header>?

<header> adalah bagian atas halaman (di dalam <body>) yang terlihat oleh pengguna. Biasanya berisi logo, judul, menu navigasi, atau tagline.

✨ Analogi gampang

  • <head> = otak dokumen β†’ metadata, tidak terlihat.
  • <header> = kepala halaman β†’ tampilan atas yang dilihat user.

πŸ“ Diagram Struktur

<html>
  <head> ... metadata ... </head>
  <body>
    <header> ... judul, menu ... </header>
    <main> ... isi artikel ... </main>
    <footer> ... info bawah ... </footer>
  </body>
</html>
        

πŸ”— Bagikan Artikel

πŸ—ΊοΈ Sitemap 🏠 Home
×