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>
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. |
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 |