Attributo media di HTML <area>

Etichetta HTML <a>

Definizione e uso

media L'attributo specifica quale media o dispositivo è ottimizzato il documento collegato.

Questo attributo viene utilizzato per definire che l'URL di destinazione è progettato per dispositivi speciali (come iPhone), media vocali o stampati.

Questo attributo può accettare più valori.

solo se esistente Attributo href utilizzato.

Attenzione:Questo attributo è puramente sconsigliativo.

Esempio

Utilizza l'attributo media per specificare i media o dispositivi per cui l'URL di destinazione è ottimizzato:

<map name="planetmap"
  <area shape="rect" coords="0,0,114,576" alt="Sun"
  href="sun.html" media="screen and (min-color-index:256)"
</map>

Prova personalmente

Sintassi

<area media="value>

Operatori possibili

Operatore Descrizione
and Stabilisce l'operatore AND.
not Stabilisce l'operatore NOT.
, Stabilisce l'operatore OR.

Dispositivo

Valore Descrizione
all Predefinito. Adatto a tutti i dispositivi.
aural Sintetizzatore vocale.
braille Dispositivo di feedback in braille.
handheld Dispositivi portatili (schermo piccolo, banda larga limitata).
projection Proiettore.
print Anteprima di stampa/modulo di stampa.
screen Schermo del computer.
tty Teletipo e media simili che utilizzano una griglia di caratteri a larghezza fissa.
tv Dispositivi di tipo TV (bassa risoluzione, capacità di paginazione limitata).

Valore

Valore Descrizione
width

Stabilisce la larghezza dell'area di visualizzazione target.

Puoi usare prefissi "min-" e "max-".

Esempio: media="screen and (min-width:500px"
height

Stabilisce l'altezza dell'area di visualizzazione target.

Puoi usare prefissi "min-" e "max-".

Esempio: media="screen and (max-height:700px"
device-width

Stabilisce la larghezza del display target/pagina.

Puoi usare prefissi "min-" e "max-".

Esempio: media="screen and (device-width:500px"
device-height

Stabilisce l'altezza del display target/pagina.

Puoi usare prefissi "min-" e "max-".

Esempio: media="screen and (device-height:500px"
orientation

Stabilisce la direzione del display target/pagina.

Valori possibili: "portrait" o "landscape"

Esempio: media="all and (orientation: landscape"
aspect-ratio

Stabilisce il rapporto larghezza/altezza dell'area di visualizzazione target.

Puoi usare prefissi "min-" e "max-".

Esempio: media="screen and (aspect-ratio:16/9"
device-aspect-ratio

Stabilisce il rapporto device-width/device-height del display target/pagina.

Puoi usare prefissi "min-" e "max-".

Esempio: media="screen and (aspect-ratio:16/9"
color

Stabilisce il numero di bit per ciascun colore del display target.

Puoi usare prefissi "min-" e "max-".

Esempio: media="screen and (color:3"
color-index

Stabilisce il numero di colori che può gestire il display target.

Puoi usare prefissi "min-" e "max-".

Esempio: media="screen and (min-color-index:256"
Monocromatico

Definisce il numero di bit per pixel in un buffer a tonalità di grigio.

Puoi usare prefissi "min-" e "max-".

Esempio: media="screen and (monochrome:2)"
Risoluzione

Definisce la densità di pixel del display/pagina target (dpi o dpcm).

Puoi usare prefissi "min-" e "max-".

Esempio: media="print and (resolution:300dpi)"
Scansione

Definisce il metodo di scansione del display TV.

Valori possibili: "progressive" e "interlace".

Esempio: media="tv and (scan:interlace)"
Griglia

Definisce se l'output del dispositivo è una griglia o bitmap.

Valori possibili: "1" rappresenta la griglia, "0" è tutto il resto.

Esempio: media="handheld and (grid:1)"

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto

Etichetta HTML <a>