HTML <link> medya özelliği

HTML <link> etiketi

Tanım ve Kullanım

media Özellik, hedef kaynağın hangi medya/cihaz için optimize edildiğini belirtir.

media Özellik, bağlantılı belgenin ne gibi bir cihazda görüntüleneceğini belirtir.

Bu özellik, CSS tarz tablosu ile birlikte kullanılır ve farklı medya türleri için farklı stiller belirtir.

media Özellik birden fazla değer kabul edebilir.

Örnek

İki farklı tarz tablosu, iki farklı medya türü için (ekran ve yazdırma):

<head>
  <link rel="stylesheet" type="text/css" href="theme.css">
  <link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>

Kişisel olarak deneyin

grama

<link media="değer>

Mümkün olan işleçler

işleç tanım
and AND işleci belirler.
not NOT işleci belirler.
, OR işleci belirler.

Cihaz

Cihaz tanım
all Varsayılan. Tüm medya türü cihazları için kullanılır.
print Yazdırma önizleme modu/yazdırma sayfası için kullanılır.
screen Bilgisayar ekranı, tablet, akıllı telefonlar vb. için kullanılır.
speech Sayfa okuyucu olarak kullanılır.
aural Kullanılmıyor.Ses sentezleyici.
braille Kullanılmıyor.Braille geri bildirim cihazı.
handheld Kullanılmıyor.El cihazı (küçük ekran, sınırlı bant genişliği).
projection Kullanılmıyor.Projeör.
tty Kullanılmıyor.Sabit aralık karakter ağırlıklı telgraf makinesi ve benzer medyalar kullanır.
tv Kullanılmıyor.Televizyon türü cihazlar (düşük çözünürlük, sınırlı kaydırma yeteneği).

değer

değer tanım
aspect-ratio

Hedef gösterim alanının genişlik/yükseklik oranını belirler.

"min-" ve "max-" öneklerini kullanabilirsiniz.

örnek: media="screen and (aspect-ratio:16/9)"
color

Hedef ekranın her rengin bit sayısını belirler.

"min-" ve "max-" öneklerini kullanabilirsiniz.

örnek: media="screen and (color:3)"
color-index

Hedef ekranın işleyebileceği renk sayısını belirler.

"min-" ve "max-" öneklerini kullanabilirsiniz.

örnek: media="screen and (min-color-index:256)"
device-aspect-ratio Kullanılmıyor.Hedef ekran/papuçunun device-width/device-height oranını belirler.
device-width Kullanılmıyor.Hedef ekran/papuçunun genişliğini belirler.
device-height Kullanılmıyor.Hedef ekran/papuçunun yüksekliğini belirler.
grid

Çıktı cihazının ağ demeti mi yoksa bit haritası mı olduğunu belirler.

Mümkün olan değerler: "1" ağ demeti anlamına gelir, "0" diğerleri için.

örnek: media="handheld and (grid:1)"
height

Hedef gösterim alanının yüksekliğini belirler.

"min-" ve "max-" öneklerini kullanabilirsiniz.

örnek: media="screen and (max-height:700px)"
monochrome

Tek renk çerçeve buffer'ındaki her piksel bitini belirler.

"min-" ve "max-" öneklerini kullanabilirsiniz.

örnek: media="screen and (monochrome:2)"
orientation

Hedef ekran/papuğun yönünü belirtir.

Mümkün olan değerler: "portrait" veya "landscape".

Örnek: media="all and (orientation: landscape)"
resolution

Hedef ekran/papuğun piksel yoğunluğunu (dpi veya dpcm) belirtir.

"min-" ve "max-" öneklerini kullanabilirsiniz.

Örnek: media="print and (resolution:300dpi)"
scan

Tv ekranının tarayım yöntemini belirtir.

Mümkün olan değerler: "progressive" ve "interlace".

Örnek: media="tv and (scan:interlace)"
width

Hedef görüntüleme alanının genişliğini belirtir.

"min-" ve "max-" öneklerini kullanabilirsiniz.

Örnek: media="screen and (min-width:500px)"

Tarayıcı Desteği

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

HTML <link> etiketi