Atribut media HTML <area>

Definisi dan penggunaan

media Atribut menentukan media atau perangkat yang dioptimalisir dokumen yang dihubungkan.

Atribut ini digunakan untuk menentukan URL tujuan disesuaikan untuk perangkat khusus (seperti iPhone), suara, atau media cetak.

Atribut ini dapat menerima beberapa nilai.

hanya ada Atribut href dalam penggunaan.

Perhatian:Atribut ini hanya bersifat sarankan.

Contoh

gunakan atribut media untuk menentukan media/perangkat tujuan URL yang dioptimalisir:

<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

Syarat

<area media="value>

Operator yang mungkin

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

Perangkat

Nilai Deskripsi
all Baku. cocok untuk semua perangkat.
aural Perkakas sintesis suara.
braille Alat umpan balik braille.
handheld Perangkat tangki (layar kecil, lebar pasang terbatas).
projection Proyektor.
print Mode pratinjau cetak/page cetak.
screen Layar komputer.
tty Teleprinter dan media yang menggunakan grid karakter lebar sama.
tv Perangkat jenis TV (resolusi rendah, kemampuan halaman terbatas).

Nilai

Nilai Deskripsi
width

Tentukan lebar area tampilan target.

Dapat digunakan dengan prefiks "min-" dan "max-".

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

height

Tentukan tinggi area tampilan target.

Dapat digunakan dengan prefiks "min-" dan "max-".

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

device-width

Tentukan lebar papan monitor/paper target.

Dapat digunakan dengan prefiks "min-" dan "max-".

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

device-height

Tentukan tinggi papan monitor/paper target.

Dapat digunakan dengan prefiks "min-" dan "max-".

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

orientation

Tentukan arah papan monitor/paper target.

Nilai yang mungkin: "portrait" atau "landscape"

Contoh: media="all and (orientation: landscape)"

aspect-ratio

Tentukan rasio lebar/tinggi area tampilan target.

Dapat digunakan dengan prefiks "min-" dan "max-".

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

device-aspect-ratio

Tentukan rasio device-width/device-height papan monitor/paper target.

Dapat digunakan dengan prefiks "min-" dan "max-".

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

color

Tentukan jumlah bit untuk setiap warna papan monitor target.

Dapat digunakan dengan prefiks "min-" dan "max-".

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

color-index

Tentukan jumlah warna yang dapat ditangani papan monitor target.

Dapat digunakan dengan prefiks "min-" dan "max-".

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

monochrome

Tentukan bit per pixel dalam frame buffer monokrom.

Dapat digunakan dengan prefiks "min-" dan "max-".

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

resolution

Tentukan kepadatan piksel layar target/papir (dpi atau dpcm).

Dapat digunakan dengan prefiks "min-" dan "max-".

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

scan

Tentukan metode pemantauan layar TV.

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

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

grid

Tentukan perangkat keluar adalah grid atau bitmap.

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

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

Dukungan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan