HTML <link> rel özelliği

HTML <link> etiketi

Tanım ve Kullanım

Gerekli rel Özellik, bağlantılı belge ve kaynak arasındaki ilişkiyi tanımlar.

Örnek

Örnek 1

Dış tarz dosyasını içe aktarır:

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

Kendi kendine deneyin

Örnek 2

Web sitesine simge eklemenin yolları şunlardır:

<!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>

Sözdizimi

<link rel="value">

Özellik değeri

Değer Açıklama
alternate

Belgeye yönlendirme bağlantısını sağlar (örneğin, yazdırma sayfası, çeviri veya yansıma).

Örnek: <link rel="alternate" type="application/atom+xml" href="/blog/news/atom">
author Belge yazarına yönlendirme bağlantısını sağlar.
dns-prefetch Tarayıcının hedef kaynağın DNS çözümlemesini öncelikle gerçekleştirmesi gerektiğini belirtir.
help

Yardım belgesine yönlendirme bağlantısını sağlar.

Örnek: <link rel="help" href="/help/">
icon

Belgeyi temsil eden simgeyi içe aktarır.

Örnek: <link rel="icon" href="favicon.ico" type="image/x-icon">
license Belge telif hakkı bilgilerine yönlendirme bağlantısını sağlar.
next Dizideki bir sonraki belgeye yönlendirme bağlantısını sağlar.
pingback Bu belgeye ait pingback sunucusunun adresini sağlar.
preconnect Tarayıcının, hedef kaynağının bulunduğu kaynağa önceden bağlantı kurmasını belirtir.
prefetch Tarayıcının, daha sonraki navigasyonlarda kullanılabileceği için hedef kaynaklarını önceden almak ve önbelleğe alması gerektiğini belirtir.
preload Tarayıcı ajanının, 'as' özelliği tarafından belirlenen hedefe (ve bu hedefle ilgili önceliğe) göre, önceden almak ve önbelleğe almak zorunda olduğu kaynakları önceden almak ve önbelleğe almak zorunda olduğunu belirtir.
prerender

Tarayıcının belirtilen web sayfasını arka planda önceden render (yüklemek) etmesini (yüklemesini) belirtir.

Kullanıcı bu sayfaya navigasyon yaparsa, sayfa yüklenme hızını hızlandırır (çünkü sayfa zaten yüklendi).

Uyarı! Bu, kullanıcının bant genişliğini boşa harcamaya neden olabilir! Sadece bu web sayfasının kullanıcının tarayıcı deneyiminde bir an için kesinlikle gerekli olduğundan emin olduğunuzda önceden render (yüklemek) kullanın.
prev Bu dosyanın bir serinin bir parçası olduğunu ve bu serideki bir önceki dosyanın atıfta bulunulan dosya olduğunu belirtir.
search Açık kaynaklı araçlar, mevcut belge ve ilgili sayfaların kaynaklarına erişim sağlayan bağlantılar sunar.
stylesheet Stil Tablosu İçe Aktar.

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek

HTML <link> etiketi