Tag link
Tag link menyambungkan fail CSS ke halaman
HTML. Selain itu, link juga menyambungkan
beberapa fail lain, contohnya, favicon.
(Favicon ialah ikon laman web yang
kelihatan pada tab pelayar. Ia juga boleh
dilihat dalam beberapa enjin carian apabila mencari
bersebelahan dengan laman web, contohnya di Yandex).
Tag ini mempunyai banyak atribut dan ia boleh menerima pelbagai nilai, namun dalam kehidupan sebenar hampir kesemuanya tidak digunakan. Yang paling popular ialah penyambungan CSS dan penambahan favicon.
Cara menyambung CSS:
<link rel="stylesheet" href="style.css">
Cara menyambung favicon:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
Tag link tidak memerlukan tag penutup.
Atribut
| Atribut | Keterangan |
|---|---|
href |
Laluan ke fail yang disambungkan. |
media |
Jenis peranti yang failnya perlu disambungkan. Maksudnya - anda boleh menyambungkan fail CSS hanya untuk skrin besar (nilai screen)
atau hanya untuk skrin kecil: untuk telefon bimbit atau tablet (nilai handheld).
Nilai yang mungkin: all, braille, handheld, print, screen, speech, projection, tty, tv.
Lihat di bawah untuk maklumat lanjut.
|
rel |
Jenis fail yang disambungkan.
Nilai yang mungkin: stylesheet | alternate.
Nilai stylesheet menunjukkan bahawa fail CSS disambungkan,
nilai alternate digunakan, contohnya, untuk memberikan pautan
kepada fail dalam format XML bagi menerangkan suapan berita, pratonton artikel.
|
charset |
Pengekodan fail yang disambungkan.
Kini piawai ialah utf-8.
|
type |
Jenis data fail yang disambungkan. |
Nilai atribut media
Dalam HTML5, pertanyaan media boleh dinyatakan sebagai nilai.
| Nilai | Keterangan |
|---|---|
all |
Semua peranti. |
screen |
Skrin monitor. |
handheld |
Telefon, telefon pintar, peranti dengan skrin kecil. |
braille |
Peranti berasaskan sistem Braille, direka untuk orang buta. |
speech |
Synthesizer pertuturan, serta program untuk memainkan teks dengan kuat. Pelayar pertuturan juga termasuk di sini. |
print |
Pencetak. |
projection |
Projektor. |
tty |
Teletaypes, terminal, peranti mudah alih dengan keupayaan skrin yang terhad. Unit piksel tidak boleh digunakan untuk mereka. |
tv |
Televisyen yang boleh membuka halaman web (itu juga berlaku). |
Nilai lalai: all.
Contoh
Mari kita lihat rupa struktur halaman HTML asas, yang kami tambahkan sambungan fail CSS dan favicon:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style1.css">
<link rel="stylesheet" href="style2.css" media="screen">
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
