Belajar Element HTML: <link>
Tag <link> mewakili tautan ke sumber file eksternal pada dokumen HTML yang bersangkutan.
Tag link ini paling sering digunakan untuk menautkan file stylesheet eksternal ke dokumen saat ini.
Tetapi juga dapat digunakan untuk menetapkan ikon situs (ikon “favicon” pada layar beranda dan aplikasi di perangkat selular).
Meskipun tag <link> dapat digunakan untuk membuat “hyperlink”, tag ini tidak digunakan untuk membuat hyperlink “yang dapat diklik” oleh pengguna seperti pada tag <a>.
Syntax
Tag <link> biasanya ditulis seperti <link rel="" href=""> (tanpa tag penutup) dan diletakkan di dalam elemen <head>...</head>.
Atribut rel menentukan hubungan antara dokumen yang berisi hyperlink dan sumber file tujuan.
Sedangkan atribut href menentukan alamat hyperlink.
<link rel="stylesheet" href="/style.css">
href
Menentukan URL tautan.
"{{site.url}}/css/website.css"
Kamu dapat memakai URL absolut .
"/css/website.css"
Kamu juga dapat menggunakan URL relatif ke domain root.
rel
Menentukan tipe link yang menjelaskan tautan terkait dengan halaman web saat ini.
"stylesheet"
Tautannya adalah stylesheet.
"icon"
Tautannya adalah favicon.
"author"
Tautan ini adalah situs web penulis halaman web.
"next"
Tautannya merupakan halaman berikutnya.
type
Menentukan jenis sumber file yang ditautkan.
"text/css"
Tautannya adalah file CSS.
"text/html"
Tautan ini adalah dokumen HTML.
Pengaturan Default CSS
Sebagian besar browser menampilkan elemen <link> dengan pengaturan CSS:
link {
display: none;
}