Atribut media HTML <a>
Definisi dan penggunaan
media
Atribut menentukan media atau perangkat yang disesuaikan link dokumen.
Atribut ini digunakan untuk menentukan URL tujuan disiapkan untuk perangkat khusus (seperti iPhone), suara, atau media cetak.
Atribut ini dapat menerima beberapa nilai.
Hanya dapat digunakan di Atribut href Gunakan saat ada.
Perhatian:Atribut ini adalah saran saja.
Contoh
Tetapkan sifat media tautan:
<a href="att_a_media.asp?output=print" media="print and (resolution:300dpi)"> Buka halaman atribut media untuk cetak. </a>
Sintaks
<a media="nilai>
Operator yang mungkin
Operator | Deskripsi |
---|---|
and | Tentukan operator AND. |
not | Tentukan operator NOT. |
, | Tentukan operator OR. |
Perangkat
Nilai | Deskripsi |
---|---|
all | Default. cocok untuk semua perangkat. |
aural | Perkakas sintesis suara. |
braille | Alat umpan balik braille. |
handheld | Perangkat tangga tangan (layar kecil, bandwidth terbatas). |
projection | Proyektor. |
Mode pratinjau cetak/page cetak. | |
screen | Layar komputer. |
tty | Teleprinter dan media yang menggunakan grid karakter lebar yang sama. |
tv | Perangkat jenis TV (resolusi rendah, kemampuan halaman terbatas). |
Nilai
Nilai | Deskripsi |
---|---|
width |
Tentukan lebar area papan layar target. Dapat digunakan awalan "min-" dan "max-". Contoh: media="screen and (min-width:500px)" |
height |
Tentukan tinggi area papan layar target. Dapat digunakan awalan "min-" dan "max-". Contoh: media="screen and (max-height:700px)" |
device-width |
Tentukan lebar papan layar target/paper. Dapat digunakan awalan "min-" dan "max-". Contoh: media="screen and (device-width:500px)" |
device-height |
Tentukan tinggi papan layar target/paper. Dapat digunakan awalan "min-" dan "max-". Contoh: media="screen and (device-height:500px)" |
orientation |
Tentukan arah papan layar target/paper. Nilai yang mungkin: "portrait" atau "landscape" Contoh: media="all and (orientation: landscape)" |
aspect-ratio |
Tentukan rasio lebar/tinggi area papan layar target. Dapat digunakan awalan "min-" dan "max-". Contoh: media="screen and (aspect-ratio:16/9)" |
device-aspect-ratio |
Tentukan rasio lebar/tinggi device-width/device-height papan layar target/paper. Dapat digunakan awalan "min-" dan "max-". Contoh: media="screen and (aspect-ratio:16/9)" |
color |
Tentukan bit per warna dari setiap warna papan layar target. Dapat digunakan awalan "min-" dan "max-". Contoh: media="screen and (color:3)" |
color-index |
Tentukan jumlah warna yang dapat ditangani papan layar target. Dapat digunakan awalan "min-" dan "max-". Contoh: media="screen and (min-color-index:256)" |
monochrome |
Menentukan bit per piksel dalam frame berwarna tunggal. Dapat digunakan awalan "min-" dan "max-". Contoh: media="screen and (monochrome:2)" |
resolution |
Menentukan kepadatan piksel layar tujuan/paper (dpi atau dpcm). Dapat digunakan awalan "min-" dan "max-". Contoh: media="print and (resolution:300dpi)" |
scan |
Menentukan metode skanning layar TV. Nilai yang mungkin adalah: "progressive" dan "interlace". Contoh: media="tv and (scan:interlace)" |
grid |
Menentukan 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 |