HTML medya Özelliği
Tanım ve Kullanım
Nitelik media
, bağlantılı belgenin hangi medya/cihaz için optimize edildiğini belirtir.
Bu öznitelik, hedef URL'nin özel cihazlar (iPhone gibi), konuşma veya basılı medya için tasarlandığını belirtmek için kullanılır.
Bu öznitelik birkaç değeri kabul edebilir.
Şunlar için geçerlidir:
Nitelik media
aşağıdaki öğelerde kullanılabilir:
Elementler | Bağlanmak |
---|---|
<a> | medya |
<alan> | medya |
<bağ> | medya |
<kaynak> | medya |
<stil> | medya |
Örnekler
Bir Örnek
Medya özniteliğine sahip bir bağlantı:
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
Alan Örneği
Tıklanabilir alana sahip bir resim haritası:
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun"
href="sun.htm" media="screen and (min-color-index:256)">
</map>
Bağlantı Örneği
İki farklı ortam türü (ekran ve baskı) için iki farklı stil sayfası:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
Kaynak Örneği
Medya özniteliğinin kullanımı:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
Stil Örneği
Yazdırma için kullanılacak stili belirtin:
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style>
Tarayıcı Desteği
Nitelik media
, her öğe için aşağıdaki tarayıcı desteğine sahiptir:
Element | |||||
---|---|---|---|---|---|
a | Yes | Yes | Yes | Yes | Yes |
area | Yes | Yes | Yes | Yes | Yes |
link | Yes | Yes | Yes | Yes | Yes |
source | Not supported | Not supported | Not supported | Not supported | Not supported |
style | Yes | Yes | Yes | Yes | Yes |