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>

Subukan ang iyong sarili

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 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
การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน