Definisi dan Penggunaan
The media atribut menentukan apa yang media / perangkat dokumen terkait dioptimalkan untuk.
Atribut ini digunakan untuk menentukan bahwa URL target dirancang untuk perangkat khusus (seperti iPhone), pembicaraan atau media cetak.
Atribut ini dapat menerima beberapa nilai.
Berlaku untuk
The media atribut dapat digunakan pada unsur-unsur berikut:
| elemen | Atribut |
|---|---|
| <a> | media |
| <area> | media |
| <link> | media |
| <source> | media |
| <style> | media |
contoh
A Contoh
Sebuah link dengan media atribut:
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
Cobalah sendiri " Area Contoh
Gambar-peta, dengan area yang dapat diklik:
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun"
href="sun.htm" media="screen and (min-color-index:256)">
</map>
Cobalah sendiri " Link Contoh
Dua style sheet yang berbeda untuk dua jenis media yang berbeda (layar dan cetak):
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
Cobalah sendiri " Source Contoh
Gunakan satu media atribut:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
Cobalah sendiri " Style Contoh
Tentukan gaya yang akan digunakan untuk cetak:
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style> Cobalah sendiri " Dukungan Browser
The media atribut memiliki dukungan browser berikut untuk setiap elemen:
| Elemen | |||||
|---|---|---|---|---|---|
| a | iya nih | iya nih | iya nih | iya nih | iya nih |
| area | iya nih | iya nih | iya nih | iya nih | iya nih |
| link | iya nih | iya nih | iya nih | iya nih | iya nih |
| source | Tidak didukung | Tidak didukung | Tidak didukung | Tidak didukung | Tidak didukung |
| style | iya nih | iya nih | iya nih | iya nih | iya nih |