Manuale di riferimento HTML

Completo elenco dei tag HTML

HTML: <area> media attributo

L'attributo media specifica quale tipo di media/dispositivo è ottimizzato per l'URL di destinazione, questa proprietà viene utilizzata per specificare che l'URL è progettato per dispositivi speciali (ad esempio iPhone), media vocali o stampati. Questa proprietà può accettare più valori.

　HTML <area> etichetta

Esempio online

Mappa immagine con area cliccabile:

Esempio

<!DOCTYPE html>
<html>
<title>HTML:<area> media attributo - Base tutorial sito web oldtoolbag.com</title>
<body>
<p>Clicca sul sole per vedere da vicino</p>
<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.html" media="screen and (min-color-index:256)">
</map>
</body>
</html>

Prova a vedere ‹/›

Compatibilità del browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano l'attributo media

Definizione e uso

L'attributo media specifica quale tipo di media/dispositivo è ottimizzato per l'URL di destinazione.
Questa proprietà viene utilizzata per specificare che l'URL è progettato per dispositivi speciali (ad esempio iPhone), media vocali o stampati.
L'attributo può accettare più valori.
Utilizzare solo quando esiste l'attributo href.
Attenzione: questo attributo è puramente suggerito.

Differenze tra HTML 4.01 e HTML5

L'attributo media è una nuova funzionalità di HTML5.

Sintassi

<area media="value>

Operatori possibili

Valore	Descrizione
and	Operatore AND
not	Operatore NOT
,	Operatore OR

Dispositivo

Valore	Descrizione
all	Predefinito. Si adatta a tutti i dispositivi.
aural	Sintetizzatore vocale
braille	Dispositivo di feedback in braille
handheld	Dispositivo portatile (schermo piccolo, banda larga limitata)
projection	Proiettore
print	Anteprima di stampa/modulo di pagine da stampare
screen	Schermo del computer
tty	Meditatori come telettubi e media che utilizzano una griglia di caratteri a spaziatura fissa
tv	Dispositivo di tipo TV (risoluzione bassa, capacità di scorrimento limitata)

Valore

Valore	Descrizione
width	Larghezza della regione di visualizzazione. Di solito si usano i prefissi "min-" e "max-". Esempio: media="screen and (min-width:500px)"
height	Altezza della regione di visualizzazione. Di solito si usano i prefissi "min-" e "max-". Esempio: media="screen and (max-height:700px)"
device-width	Larghezza del display di destinazione/foglio di carta. Di solito si usano i prefissi "min-" e "max-". Esempio: media="screen and (device-width:500px)"
device-height	Altezza del display di destinazione/foglio di carta. Di solito si usano i prefissi "min-" e "max-". Esempio: media="screen and (device-height:500px)"
Direzione	Direzione del display di destinazione/pagina. Valori possibili: "portrait" o "landscape" Esempio: media="all and (orientation: landscape)"
aspect-ratio	Rapporto larghezza/altezza della regione di visualizzazione del display di destinato. Di solito si usano i prefissi "min-" e "max-". Esempio: media="screen and (aspect-ratio:16/9)"
device-aspect-ratio	Rapporto larghezza/altezza della regione di visualizzazione del display di destinato. Di solito si usano i prefissi "min-" e "max-". Esempio: media="screen and (aspect-ratio:16/9)"
color	Specifica il numero di bit per colore di ogni pixel del display di destinazione. Di solito si usano i prefissi "min-" e "max-". Esempio: media="screen and (color:3)"
color-index	Specifica il numero di colori che può gestire il display di destinazione. Di solito si usano i prefissi "min-" e "max-". Esempio: media="screen and (min-color-index:256)"
monochrome	Specificare il numero di bit dei pixel in un buffer di frame monocromatico. Di solito si usano i prefissi "min-" e "max-". Esempio: media="screen and (monochrome:2)"
risoluzione	Specificare la densità di pixel del display/merce (DPI o DPCM) di destinazione. Di solito si usano i prefissi "min-" e "max-". Esempio: media="print and (resolution:300dpi)"
scan	Specificare il metodo di scansione dello schermo del televisore. Valori possibili sono "progressive" e "interlace". Esempio: media="tv and (scan:interlace)"
griglia	Specificare l'attrezzatura di output è la griglia o bitmap Il valore di grid è "1", gli altri sono "0" Esempio: media="handheld and (grid:1)"

　HTML <area> etichetta

HTML: <template> etichetta