Attributo multimediale HTML
Definizione e utilizzo
L' media
attributo specifica per quale supporto/dispositivo è ottimizzato il documento collegato.
Questo attributo viene utilizzato per specificare che l'URL di destinazione è progettato per dispositivi speciali (come iPhone), voce o supporti di stampa.
Questo attributo può accettare diversi valori.
Si applica a
L' media
attributo può essere utilizzato sui seguenti elementi:
Elementi | Attributo |
---|---|
<a> | media |
<zona> | media |
<link> | media |
<fonte> | media |
<stile> | media |
Esempi
Un esempio
Un collegamento con un attributo multimediale:
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
Esempio di zona
Una mappa immagine, con un'area cliccabile:
<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>
Esempio di collegamento
Due diversi fogli di stile per due diversi tipi di supporto (schermo e stampa):
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
Esempio di fonte
Utilizzo dell'attributo media:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
Esempio di stile
Specificare lo stile da utilizzare per la stampa:
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style>
Supporto browser
L' media
attributo ha il seguente supporto del browser per ogni elemento:
Element | |||||
---|---|---|---|---|---|
a | Yes | Yes | Yes | Yes | Yes |
area | Yes | Yes | Yes | Yes | Yes |
link | Yes | Yes | Yes | Yes | Yes |
source | Not supported | Not supported | Not supported | Not supported | Not supported |
style | Yes | Yes | Yes | Yes | Yes |