Contoh
Gunakan satu media atribut:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
Cobalah sendiri " Definisi dan Penggunaan
The media atribut menentukan jenis sumber daya media (media apa / perangkat file dioptimalkan untuk).
Browser dapat menggunakan atribut ini untuk menentukan apakah dapat memutar file atau tidak. Jika tidak bisa, dapat memilih untuk tidak men-download.
Catatan: Atribut ini dapat menerima beberapa nilai.
Dukungan Browser
| Atribut | |||||
|---|---|---|---|---|---|
| media | Tidak didukung | Tidak didukung | Tidak didukung | Tidak didukung | Tidak didukung |
Perbedaan Antara HTML 4.01 dan HTML5
The <source> tag yang baru di HTML5.
Sintaksis
<source media="value">
kemungkinan Operators
| Nilai | Deskripsi |
|---|---|
| and | Menentukan operator AND |
| not | Menentukan operator NOT |
| , | Menentukan operator OR |
perangkat
| Nilai | Deskripsi |
|---|---|
| all | Cocok untuk semua perangkat. Ini adalah default |
| aural | synthesizer pidato |
| braille | perangkat umpan balik braille |
| handheld | perangkat genggam (layar kecil, bandwidth terbatas) |
| projection | proyektor |
| Pratinjau cetak modus / halaman yang dicetak | |
| screen | layar komputer |
| tty | Teletypes dan media yang sama menggunakan karakter jaringan fixed-pitch |
| tv | Jenis televisi perangkat (resolusi rendah, kemampuan gulir terbatas) |
Nilai
| Nilai | Deskripsi |
|---|---|
| width | Menentukan lebar area layar yang ditargetkan. "min-" dan "max-" awalan dapat digunakan. Contoh: media="screen and (min-width:500px)" |
| height | Menentukan ketinggian area tampilan yang ditargetkan. "min-" dan "max-" awalan dapat digunakan. Example: media="screen and (max-height:700px)" |
| class = "notranslate" perangkat-lebar | Menentukan lebar target display / kertas. "min-" dan "max-" awalan dapat digunakan. Contoh: media="screen and (device-width:500px)" |
| device-height | Menentukan tinggi dari target display / kertas. "min-" dan "max-" awalan dapat digunakan. Contoh: media="screen and (device-height:500px)" |
| orientation | Menentukan orientasi target display / kertas. Kemungkinan nilai: "portrait" atau "landscape" Contoh: media="all and (orientation: landscape)" |
| aspect-ratio | Menentukan rasio lebar / tinggi dari area tampilan yang ditargetkan. "min-" dan "max-" awalan dapat digunakan. Contoh: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio | Menentukan rasio perangkat-lebar / perangkat-tinggi dari target display / kertas. "min-" dan "max-" awalan dapat digunakan. Contoh: media="screen and (aspect-ratio:16/9)" |
| color | Menentukan bit per warna layar sasaran. "min-" dan "max-" awalan dapat digunakan. Contoh: media="screen and (color:3)" |
| color-index | Menentukan jumlah warna tampilan sasaran dapat menangani. "min-" dan "max-" awalan dapat digunakan. Contoh: media="screen and (min-color-index:256)" |
| monochrome | Menentukan bit per pixel dalam frame buffer monokrom. "min-" dan "max-" awalan dapat digunakan. Contoh: media="screen and (monochrome:2)" |
| resolution | Menentukan kepadatan pixel (dpi atau dpcm) dari target display / kertas. "min-" dan "max-" awalan dapat digunakan. Contoh: media="print and (resolution:300dpi)" |
| scan | Menentukan metode pemindaian dari layar tv. Nilai yang mungkin adalah "progressive" dan "interlace" . Contoh: media="tv and (scan:interlace)" |
| grid | Menentukan jika perangkat output jaringan atau bitmap. Nilai yang mungkin adalah "1" untuk grid, dan "0" jika tidak. Contoh: media="handheld and (grid:1)" |