HTML <area> media özelliği

HTML <a> Etiketi

Tanım ve Kullanım

media Özellik, bağlantılı belgenin hangi medya veya cihaz için optimize edildiğini belirler.

Bu özellik, hedef URL'nin özel cihazlar (örneğin iPhone) için, ses veya basılı medya için tasarlandığını belirtir.

Bu özellik birden fazla değeri kabul edebilir.

mevcut olduğunda href özelliği içinde kullanılır.

Dikkat:Bu özellik tamamen tavsiye niteliğindedir.

Örnek

media özelliği ile hedef URL'nin optimize edilecek medya/çevre ayarlanır:

<map name="planetmap">
  <area shape="rect" coords="0,0,114,576" alt="Sun"
  href="sun.html" media="screen and (min-color-index:256)">
</map>

kişisel olarak deneyin

gramer

<area media="değer>

muhtemel işleçler

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

cihaz

değer tanım
all varsayılan. Tüm cihazlar için uygundur.
aural ses sentezleyici.
braille braille geri bildirim cihazı.
handheld taşınabilir cihazlar (küçük ekran, sınırlı bant genişliği).
projection proyeksiyon cihazı.
print yazıcı önizleme modu/yazıcı sayfası.
screen bilgisayar ekranı.
tty telegraph typewriter ve geniş karakter ağırlıklı benzer medyalar.
tv televizyon türü cihazlar (düşük çözünürlük, sınırlı sayfa kapasitesi).

değer

değer tanım
width

hedef görüntüleme alanının genişliğini belirler.

min- ve max- önekleri kullanılabilir.

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

hedef görüntüleme alanının yüksekliğini belirler.

min- ve max- önekleri kullanılabilir.

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

hedef ekran/papuğun genişliğini belirler.

min- ve max- önekleri kullanılabilir.

örnek: media="screen and (device-width:500px)"
device-height

hedef ekran/papuğun yüksekliğini belirler.

min- ve max- önekleri kullanılabilir.

örnek: media="screen and (device-height:500px)"
orientation

hedef ekran/papuğun yönünü belirler.

muhtemel değerler: "portrait" veya "landscape"

örnek: media="all and (orientation: landscape)"
aspect-ratio

hedef görüntüleme alanının genişlik/yükseklik oranını belirler.

min- ve max- önekleri kullanılabilir.

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

hedef ekran/papuğun device-width/device-height oranını belirler.

min- ve max- önekleri kullanılabilir.

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

hedef ekranın her renginin bit sayısını belirler.

min- ve max- önekleri kullanılabilir.

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

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

min- ve max- önekleri kullanılabilir.

örnek: media="screen and (min-color-index:256)"
monochrome

Tek renk çerçeve belleklerinde her piksel bitini belirler.

min- ve max- önekleri kullanılabilir.

Örnek: media="screen and (monochrome:2)"
resolution

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

min- ve max- önekleri kullanılabilir.

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

TV ekranının tarayım yöntemini belirler.

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

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

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

Mümkün olan değerler: "1" ağ demeti, "0" diğerleri.

Örnek: media="handheld and (grid:1)"

Tarayıcı Desteği

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

HTML <a> Etiketi