Link etiketi
link etiketi, HTML sayfasına CSS dosyalarını bağlar.
Ayrıca, link etiketi favicon gibi diğer bazı dosyaları da bağlar.
(Favicon, tarayıcı sekmesinde görünen site simgesidir.
Ayrıca, örneğin Yandex'te arama yaparken sitelerin karşısında da görülebilir).
Bu etiketin çok fazla özniteliği vardır ve çeşitli değerler alabilirler, ancak gerçek hayatta neredeyse hiçbiri kullanılmaz. En yaygın kullanımı CSS bağlama ve favicon eklemedir.
CSS nasıl bağlanır:
<link rel="stylesheet" href="style.css">
Favicon nasıl bağlanır:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
link etiketi kapanış etiketi gerektirmez.
Öznitelikler
| Öznitelik | Açıklama |
|---|---|
href |
Bağlanacak dosyanın yolu. |
media |
Dosyanın bağlanacağı cihaz türü. Bunun anlamı: CSS dosyasını yalnızca büyük ekranlar için ( screen değeri)
veya yalnızca küçük ekranlar için: cep telefonları veya tabletler için (handheld değeri) bağlayabilirsiniz.
Olası değerler: all, braille, handheld, print, screen, speech, projection, tty, tv.
Daha fazla ayrıntı için aşağıya bakın.
|
rel |
Bağlanan dosyanın türü.
Olası değerler: stylesheet | alternate.
stylesheet değeri, bir CSS dosyasının bağlandığını belirtir,
alternate değeri ise, örneğin, haber akışını, makale duyurularını açıklamak için XML formatındaki bir dosyanın bağlantısını belirtmek için kullanılır.
|
charset |
Bağlanan dosyanın kodlaması.
Günümüzde standart utf-8'dir.
|
type |
Bağlanan dosyanın veri türü. |
Media özniteliğinin değerleri
HTML5'te değer olarak medya sorguları belirtilebilir.
| Değer | Açıklama |
|---|---|
all |
Tüm cihazlar. |
screen |
Monitör ekranı. |
handheld |
Telefonlar, akıllı telefonlar, küçük ekranlı cihazlar. |
braille |
Kör insanlar için tasarlanmış, Braille sistemine dayalı cihazlar. |
speech |
Konuşma sentezleyiciler ve ayrıca metni yüksek sesle okumak için programlar. Konuşma tarayıcıları da buna dahildir. |
print |
Yazıcılar. |
projection |
Projeksiyon cihazları. |
tty |
Teleksler, terminaller, sınırlı ekran özelliklerine sahip taşınabilir cihazlar. Bunlar için ölçü birimi olarak piksel kullanılmamalıdır. |
tty |
Web sayfalarını açabilen televizyonlar (böyle bir şey de olur). |
Varsayılan değer: all.
Örnek
CSS dosyalarının ve favicon'un eklendiği basit bir HTML sayfasının yapısının nasıl göründüğüne bir bakalım:
<!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>
