Tanda <link> HTML

  • Halaman sebelumnya <li>
  • Halaman berikutnya <main>

Definisi dan penggunaan

<link> Tag menetapkan hubungan dokumen semasa dengan sumber luar.

<link> Tag paling sering digunakan untuk menghubungkan ke pilihan gaya luaran atau menambah ikon ke laman web.

<link> Elemen adalah elemen kosong, ia hanya mengandungi atribut.

Lihat juga:

Panduan HTML:Gaya HTML

Panduan HTML DOM:Objek Link

Contoh

Pautkan ke luaran pilihan gaya:

<head>
  <link rel="stylesheet" href="styles.css">
</head>

Cuba sendiri

Atribut

Atribut Nilai Keterangan
crossorigin
  • anonymous
  • use-credentials
Tetapkan bagaimana elemen memproses permintaan luar sumber.
href URL Tetapkan lokasi dokumen yang dihubungkan.
hreflang Kod suara Tetapkan bahasa teks dokumen yang dihubungkan.
media Pengkaji media Tetapkan peranti mana dokumen yang dihubungkan akan dipaparkan.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • unsafe-url
Tetapkan penggunaan yang akan digunakan untuk mengambil sumber.
rel
  • alternate
  • author
  • dns-prefetch
  • help
  • icon
  • license
  • next
  • pingback
  • preconnect
  • prefetch
  • preload
  • prerender
  • prev
  • search
  • stylesheet
Wajib. Tetapkan hubungan dokumen semasa dan dokumen yang dihubungkan.
saiz
  • KetinggianxLebar
  • apa-apa
Tetapkan saiz sumber yang dihubungkan. Hanya digunakan untuk rel="icon".
title Tentukan laman gaya pilihan atau alternatif.
type Jenis media Tentukan jenis media dokumen yang dihubungkan.

Properti global

<link> Tanda masih menyokong Properti global HTML.

Properti acara

<link> Tanda masih menyokong Properti acara di HTML.

Pengaturan CSS lalai

Banyak pereka browser akan gunakan nilai lalai berikut untuk dipaparkan <link> Elemen:

link {
  display: none;
}

Pendukung pereka

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan
  • Halaman sebelumnya <li>
  • Halaman berikutnya <main>