Attributo multimediale HTML


Definizione e utilizzo

L' mediaattributo 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' mediaattributo 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' mediaattributo 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