HTML <link> atribut rel

Tanda <link> HTML

Definisi dan penggunaan

Diperlukan rel Atribut menentukan hubungan antara dokumen saat ini dan dokumen/ressource yang dihubungkan.

Contoh

Contoh 1

Impor gaya luar

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

Coba sendiri

Contoh 2

Berikut adalah cara menambahkan ikon situs ke situs web:

<!DOCTYPE html>
<html>
<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

Syarat

<link rel="value">

Nilai atribut

Nilai Deskripsi
alternate

Menyediakan tautan menuju representasi alternatif dokumen (misalnya halaman cetak, terjemahan atau mirror).

Contoh: <link rel="alternate" type="application/atom+xml" href="/blog/news/atom"></link>
author Menyediakan tautan menuju penulis dokumen.
dns-prefetch Tetapkan browser untuk mengevaluasi DNS untuk sumber tujuan sebelumnya.
help

Menyediakan tautan menuju dokumen bantuan.

Contoh: <link rel="help" href="/help/"></link>
icon

Impor ikon yang mewakili dokumen.

Contoh: <link rel="icon" href="favicon.ico" type="image/x-icon">
license Menyediakan tautan informasi hak cipta dokumen.
next Menyediakan tautan menuju dokumen berikutnya dalam seri.
pingback Menyediakan alamat server pingback untuk memproses pingback untuk dokumen saat ini.
preconnect Menentukan bahwa browser harus menghubungkan lebih dulu sumber daya tujuan di sumber tujuannya.
prefetch Menentukan bahwa browser harus mengambil lebih dulu dan menyimpan sumber daya tujuan karena mungkin akan digunakan dalam navigasi berikutnya.
preload Menentukan bahwa browser perwakilan harus mengambil lebih dulu dan menyimpan sumber daya tujuan berdasarkan tujuan yang diberikan melalui atribut 'as' (dan prioritas yang berhubungan dengan tujuan).
prerender

Menentukan browser untuk memre-render (mem-load) halaman yang ditentukan di latar belakang.

Jika pengguna meng navigasi ke halaman ini, halaman akan di-load lebih cepat (karena halaman sudah di-load).

Peringatan! Ini akan menghabiskan bandwith pengguna! Gunakan pre-render hanya saat Anda pasti pasti halaman ini akan diperlukan pada saat tertentu selama proses pengguna menggulir halaman.
prev Menunjukkan bahwa file ini adalah bagian dari seri dan file sebelumnya dalam seri adalah file yang diacu.
search Menyediakan tautan ke sumber yang dapat digunakan untuk mencari dokumen saat ini dan halaman yang berhubungan.
stylesheet Impor gaya

Dukungan browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan

Tanda <link> HTML