Tanımı ve Kullanımı
media nitelik bağlantılı belge için optimize ne medya / aygıtını belirtir.
Bu nitelik, hedef URL özel cihazlar için tasarlanmış olduğunu belirtmek için kullanılır (like iPhone) , konuşma veya yazılı basın.
Bu özellik çeşitli değerleri kabul edebilir.
Geçerli
media nitelik aşağıdaki unsurları kullanılabilir:
| Elementler | nitelik |
|---|---|
| <a> | media |
| <area> | media |
| <link> | media |
| <source> | media |
| <style> | media |
Örnekler
A örnek
Bir içeren bir bağlantı media özniteliği:
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
Kendin dene " Area Örneği
tıklanabilir alana sahip bir görüntü 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>
Kendin dene " Link Örneği
İki farklı medya türleri için iki farklı stil sayfalarını (screen and print) :
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
Kendin dene " Source Örneği
Kullanımına media özniteliği:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
Kendin dene " Style Örnek
baskı için kullanılacak stil belirtin:
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style> Kendin dene " Tarayıcı Desteği
media özellik, her element için şu tarayıcı desteği vardır:
| Eleman | |||||
|---|---|---|---|---|---|
| a | Evet | Evet | Evet | Evet | Evet |
| area | Evet | Evet | Evet | Evet | Evet |
| link | Evet | Evet | Evet | Evet | Evet |
| source | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor |
| style | Evet | Evet | Evet | Evet | Evet |