HTML <a> atrubuto ng media
Paglilinaw at Paggamit
media
Ang katangian ay nagtutukoy kung anong media o aparato ang pinapakilala ng dokumentong link.
Ginagamit ang katangian na ito upang tukuyin kung anong espesyal na aparato ( tulad ng iPhone), boses o print media ang dinisenyo ang target URL.
Ang katangian na ito ay maaaring tanggapin maraming halaga.
Maaaring gamitin lamang sa Atributo ng href Ginagamit kapag mayroon ito.
Babala:Ang katangian na ito ay paliwanag lamang.
Halimbawa
Nagset na ang atrubuto ng media sa link:
<a href="att_a_media.asp?output=print" media="print and (resolution:300dpi)"> Buksan ang pahina ng media attribute na gagamitin para sa pagkakalathala </a>
Gramata
<a media="value>
Maaaring magkaroon ng operator
Operator | Paglalarawan |
---|---|
and | Tinutukoy ang operator na AND. |
not | Tinutukoy ang operator na NOT. |
, | Tinutukoy ang operator na OR. |
Device
Halaga | Paglalarawan |
---|---|
all | Default. Magiging katanggap-tanggap sa lahat ng aparato. |
aural | Voice synthesizer. |
braille | Braille feedback device. |
handheld | Handheld devices (small screen, limited bandwidth). |
projection | Projector. |
Mga paraan ng print preview / print page. | |
screen | Computer screen. |
tty | Telegraph typewriter at kaparehong media na gumagamit ng grid ng equal-width character. |
tv | Mga aparato ng telebisyon (mababang resolucion, limitadong kakayahang pahimpapawid). |
Halaga
Halaga | Paglalarawan |
---|---|
width |
Tinutukoy ang lapad ng layunin na lebel ng monitor. สามารถใช้คำนำหน้า "min-" และ "max-" Halimbawa: media="screen and (min-width:500px)" |
height |
Tinutukoy ang taas ng layunin na lebel ng monitor. สามารถใช้คำนำหน้า "min-" และ "max-" Halimbawa: media="screen and (max-height:700px)" |
device-width |
Tinutukoy ang lapad ng layunin na monitor/papel. สามารถใช้คำนำหน้า "min-" และ "max-" Halimbawa: media="screen and (device-width:500px)" |
device-height |
Tinutukoy ang taas ng layunin na monitor/papel. สามารถใช้คำนำหน้า "min-" และ "max-" Halimbawa: media="screen and (device-height:500px)" |
orientation |
Tinutukoy ang direksyon ng layunin na monitor/papel. Maaaring magkaroon ng halimbawa: "portrait" o "landscape" Halimbawa: media="all and (orientation: landscape)" |
aspect-ratio |
Tinutukoy ang proporsyon ng lebel ng layunin na monitor/papel. สามารถใช้คำนำหน้า "min-" และ "max-" Halimbawa: media="screen and (aspect-ratio:16/9)" |
device-aspect-ratio |
Tinutukoy ang proporsyon ng device-width/device-height ng layunin na monitor/papel. สามารถใช้คำนำหน้า "min-" และ "max-" Halimbawa: media="screen and (aspect-ratio:16/9)" |
color |
Tinutukoy ang bilang ng bit na mayroon ang bawat kulay ng layunin na monitor. สามารถใช้คำนำหน้า "min-" และ "max-" Halimbawa: media="screen and (color:3)" |
color-index |
Tinutukoy ang bilang ng kulay na maaaring ipapalakas ng layunin na monitor. สามารถใช้คำนำหน้า "min-" และ "max-" Halimbawa: media="screen and (min-color-index:256)" |
monochrome |
กำหนดจำนวนบิตของแต่ละพิกซ์ในฟรีมมอนโคโคลอร์ สามารถใช้คำนำหน้า "min-" และ "max-" ตัวอย่าง: media="screen and (monochrome:2)" |
resolution |
กำหนดความบางของจอหรือกระดาษเป้าหมาย (dpi หรือ dpcm) สามารถใช้คำนำหน้า "min-" และ "max-" ตัวอย่าง: media="print and (resolution:300dpi)" |
scan |
กำหนดวิธีสแกนของหน้าจอแท็ววี ค่าที่เป็นไปได้: "progressive" และ "interlace" ตัวอย่าง: media="tv and (scan:interlace)" |
grid |
กำหนดอุปกรณ์ออกที่เป็นกริดหรือบิตแมบ ค่าที่เป็นไปได้: "1" แสดงถึงกริด, "0" คืออื่นๆ ตัวอย่าง: media="handheld and (grid:1)" |
การสนับสนุนเบราเซอร์
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |