HTML <area> media 属性

Tanda <a> HTML

定义和用法

media 属性规定被链接文档针对哪种媒体或设备进行了优化。

此属性用于规定目标 URL 是为特殊设备（如 iPhone）、语音或印刷媒体设计的。

该属性可以接受多个值。

仅在存在 href 属性 时使用。

注意：此属性纯粹是建议性的。

实例

使用 media 属性指定目标 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>

Coba sendiri

Sintaks

<area media="value>

Operator yang mungkin

Operator Deskripsi
and Tentukan operator AND.
not Tentukan operator NOT.
, Tentukan operator OR.

Perangkat

Nilai Deskripsi
all Baku. Sesuai untuk semua perangkat.
aural Penyerap suara.
braille Perangkat umpan balik Braille.
handheld Perangkat tangkap (layar kecil, bandwidth terbatas).
projection Proyektor.
print Mode pratinjau cetak/pagina cetak.
screen Layar komputer.
tty Teleprinter dan media yang menggunakan grid karakter lebar yang sama.
tv Perangkat jenis TV (resolusi rendah, kemampuan halaman berbatasan).

Nilai

Nilai Deskripsi
width

Tentukan lebar area tampilan tujuan.

Sebagai contoh, "min-" dan "max-" awalan boleh digunakan.

Contoh: media="screen and (min-width:500px)"
height

Tentukan tinggi area tampilan tujuan.

Sebagai contoh, "min-" dan "max-" awalan boleh digunakan.

Contoh: media="screen and (max-height:700px)"
device-width

Tentukan lebar papan display/papir tujuan.

Sebagai contoh, "min-" dan "max-" awalan boleh digunakan.

Contoh: media="screen and (device-width:500px)"
device-height

Tentukan tinggi papan display/papir tujuan.

Sebagai contoh, "min-" dan "max-" awalan boleh digunakan.

Contoh: media="screen and (device-height:500px)"
orientation

Tentukan arah papan display/papir tujuan.

Nilai yang mungkin: "portrait" atau "landscape"

Contoh: media="all and (orientation: landscape)"
aspect-ratio

Tentukan rasio lebar/tinggi area tampilan tujuan.

Sebagai contoh, "min-" dan "max-" awalan boleh digunakan.

Contoh: media="screen and (aspect-ratio:16/9)"
device-aspect-ratio

Tentukan rasio lebar/tinggi device-width/device-height papan display/papir tujuan.

Sebagai contoh, "min-" dan "max-" awalan boleh digunakan.

Contoh: media="screen and (aspect-ratio:16/9)"
color

Tentukan jumlah digit warna setiap warna papan display tujuan.

Sebagai contoh, "min-" dan "max-" awalan boleh digunakan.

Contoh: media="screen and (color:3)"
color-index

Tentukan jumlah warna yang dapat diproses papan display tujuan.

Sebagai contoh, "min-" dan "max-" awalan boleh digunakan.

Contoh: media="screen and (min-color-index:256)"
monochrome

Tentukan bit setiap piksel dalam kad berwarna tunggal.

Sebagai contoh, "min-" dan "max-" awalan boleh digunakan.

Contoh: media="screen and (monochrome:2)"
resolution

Tentukan kepadatan piksel perekaan/peperiksaan target (dpi atau dpcm).

Sebagai contoh, "min-" dan "max-" awalan boleh digunakan.

Contoh: media="print and (resolution:300dpi)"
scan

Tentukan kaedah pemindai perekaan TV.

Nilai yang mungkin adalah: "progressive" dan "interlace".

Contoh: media="tv and (scan:interlace)"
grid

Tentukan output peranti adalah grid atau bitmap.

Nilai yang mungkin: "1" untuk grid, "0" untuk lainnya.

Contoh: media="handheld and (grid:1)"

Dukungan pelayar

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Sokongan Sokongan Sokongan Sokongan Sokongan

Tanda <a> HTML