← HTML43 / 46
Favicon dan stylesheet
Keduanya memakai elemen <link> dan yang membedakan fungsinya adalah nilai rel: rel="icon" untuk favicon di tab browser, rel="stylesheet" untuk berkas CSS. <link> tidak punya tag penutup. Letakkan stylesheet di dalam <head> supaya halaman tidak sempat tampil tanpa gaya sesaat sebelum CSS-nya termuat. Berkas CSS yang dipanggil terlalu banyak juga memperlambat tampilan pertama, jadi gabungkan bila memungkinkan.
👀 Contoh dulu
<link rel="icon" href="/logo.png"> <link rel="stylesheet" href="/css/utama.css">
Hasilnya: Ikon kecil muncul di tab browser, dan seluruh aturan CSS dari utama.css diterapkan ke halaman.
💡 Sama-sama <link>, yang membedakan fungsinya adalah nilai rel. Tidak ada tag penutup </link>.
📝 Sekarang giliranmu
Tambahkan favicon (href = /favicon.ico) dan stylesheet (href = /style.css).
Preview