Definiție și utilizare
media atribut specifica ce mass - media / dispozitiv documentul legat este optimizat pentru.
Acest atribut este folosit pentru a specifica faptul că URL - ul țintă este conceput pentru dispozitive speciale (like iPhone) , de vorbire sau de suporturi de imprimare.
Acest atribut poate accepta mai multe valori.
Se aplică la
media atribut poate fi utilizat pe următoarele elemente:
element | Atribut |
---|---|
<a> | media |
<area> | media |
<link> | media |
<source> | media |
<style> | media |
Exemple
A Exemplu
O legătură cu un media atribut:
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
Încearcă - l singur » Area Exemplu
O imagine-harta, cu o zonă de clickable:
<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>
Încearcă - l singur » Link Exemplu
Două foi de stil diferite pentru două tipuri de suporturi diferite (screen and print) :
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
Încearcă - l singur » Source Exemplu
Utilizați din media - media atributului:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
Încearcă - l singur » Style Exemplu
Se specifică stilul de utilizat pentru imprimare:
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style>
Încearcă - l singur » Suport pentru browser-
media
Atributul are următorul suport de browser pentru fiecare element:
Element | |||||
---|---|---|---|---|---|
a | da | da | da | da | da |
area | da | da | da | da | da |
link | da | da | da | da | da |
source | Nu sunt acceptate | Nu sunt acceptate | Nu sunt acceptate | Nu sunt acceptate | Nu sunt acceptate |
style | da | da | da | da | da |