HTML <area> atributo ng media
pamamaraan at paggamit
media
ang katangian na ito ay nangangahulugan na anong media o aparato ang pinapakilala ng na-link na dokumento.
Ang katangian na ito ay ginagamit upang tukuyin na ang target URL ay dinisenyo para sa espesyal na aparato ( tulad ng iPhone), boses o pahayagan ng pahayagan.
ang katangian na ito ay maaaring tanggapin maraming halaga.
sa panahon na mayroon ito href atributo kailan lang.
Babala:ang katangian na ito ay pangingibabaw lamang.
halimbawa
gumamit ng atributo na media upang tukuyin ang media / aparato na pinapakilala ng target URL:
<map name="planetmap"> <area shape="rect" coords="0,0,114,576" alt="Sun" href="sun.html" media="screen and (min-color-index:256)"> </map>
Syntax
<area media="value>
Mga posibleng operator
Mga operator | Paglalarawan |
---|---|
and | Tinutukoy ang operator AND. |
not | Tinutukoy ang operator NOT. |
, | Tinutukoy ang operator OR. |
Device
Halaga | Paglalarawan |
---|---|
all | Default. Magiging magiging para sa lahat ng device. |
aural | Voice synthesizer. |
braille | Braille feedback device. |
handheld | Handheld devices (small screen, limited bandwidth). |
projection | Projector. |
Print preview mode/print page. | |
screen | Computer screen. |
tty | Telegraph typewriter at mga katulad na medya na gumagamit ng grid ng equal-width character. |
tv | Mga device ng telebisyon (mababang resolucion, limitadong kakayahan sa pagpahimpapawid ng pahina). |
Halaga
Halaga | Paglalarawan |
---|---|
width |
Tinutukoy ang lapad ng layunin na display area. สามารถใช้คำนำหน้า "min-" และ "max-" ได้。 Mga halimbawa: media="screen and (min-width:500px)" |
height |
Tinutukoy ang taas ng layunin na display area. สามารถใช้คำนำหน้า "min-" และ "max-" ได้。 Mga halimbawa: media="screen and (max-height:700px)" |
device-width |
Tinutukoy ang lapad ng layunin na monitor/papel. สามารถใช้คำนำหน้า "min-" และ "max-" ได้。 Mga halimbawa: media="screen and (device-width:500px)" |
device-height |
Tinutukoy ang taas ng layunin na monitor/papel. สามารถใช้คำนำหน้า "min-" และ "max-" ได้。 Mga halimbawa: media="screen and (device-height:500px)" |
orientation |
Tinutukoy ang direksyon ng layunin na monitor/papel. Mga posibleng halaga: "portrait" o "landscape" Mga halimbawa: media="all and (orientation: landscape)" |
aspect-ratio |
Tinutukoy ang ratio ng lapad at taas ng layunin na display area. สามารถใช้คำนำหน้า "min-" และ "max-" ได้。 Mga halimbawa: media="screen and (aspect-ratio:16/9)" |
device-aspect-ratio |
Tinutukoy ang ratio ng device-width/device-height ng layunin na monitor/papel. สามารถใช้คำนำหน้า "min-" และ "max-" ได้。 Mga halimbawa: media="screen and (aspect-ratio:16/9)" |
color |
Tinutukoy ang halaga ng bit ng bawat kulay ng layunin na monitor. สามารถใช้คำนำหน้า "min-" และ "max-" ได้。 Mga halimbawa: media="screen and (color:3)" |
color-index |
Tinutukoy ang bilang ng kulay na maaaring hawakan ng layunin na monitor. สามารถใช้คำนำหน้า "min-" และ "max-" ได้。 Mga 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 |
กำหนดวิธีการสแกนของหน้าจอ TV。 ค่าที่เป็นไปได้คือ: "progressive" และ "interlace"。 ตัวอย่าง: media="tv and (scan:interlace)" |
grid |
กำหนดอุปกรณ์ออกเป็น grid หรือ bitmap。 ค่าที่เป็นไปได้: "1" แสดงถึง grid และ "0" คืออื่น ๆ。 ตัวอย่าง: media="handheld and (grid:1)" |
การสนับสนุนเบราเซอร์
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
การสนับสนุน | การสนับสนุน | การสนับสนุน | การสนับสนุน | การสนับสนุน |