Attributo media HTML <a>
Definizione e uso
media L'attributo specifica per quale tipo di media o dispositivo è ottimizzato il documento del link.
Questa proprietà viene utilizzata per definire se l'URL di destinazione è progettato per dispositivi speciali (come iPhone), per l'audio o per i media stampati.
Questa proprietà può accettare più valori.
Può essere utilizzato solo Attributo href Utilizzato quando presente.
Attenzione:Questa proprietà è puramente suggestiva.
Esempio
Impostò l'attributo media del link:
<a href="att_a_media.asp?output=print" media="print and (resolution:300dpi)"> Apri la pagina delle proprietà media per la stampa </a>
Sintassi
<a media="value>
Operatori possibili
| Operatore | Descrizione |
|---|---|
| and | Definisce l'operatore AND. |
| not | Definisce l'operatore NOT. |
| , | Definisce 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. |
| Anteprima di stampa/modulo di stampa. | |
| screen | Schermo del computer. |
| tty | Teletipo e altri mezzi che utilizzano una griglia di caratteri a larghezza fissa. |
| tv | Dispositivi di tipo TV (bassa risoluzione, capacità di paginazione limitata). |
Valore
| Valore | Descrizione |
|---|---|
| width |
Definisce la larghezza dell'area di visualizzazione target. Puoi usare i prefissi "min-" e "max-". Esempio: media="screen and (min-width:500px" |
| height |
Definisce l'altezza dell'area di visualizzazione target. Puoi usare i prefissi "min-" e "max-". Esempio: media="screen and (max-height:700px" |
| device-width |
Definisce la larghezza del display/pagina target. Puoi usare i prefissi "min-" e "max-". Esempio: media="screen and (device-width:500px" |
| device-height |
Definisce l'altezza del display/pagina target. Puoi usare i prefissi "min-" e "max-". Esempio: media="screen and (device-height:500px" |
| orientation |
Definisce la direzione del display/pagina target. Valori possibili: "portrait" o "landscape" Esempio: media="all and (orientation: landscape" |
| aspect-ratio |
Definisce il rapporto larghezza/altezza dell'area di visualizzazione target. Puoi usare i prefissi "min-" e "max-". Esempio: media="screen and (aspect-ratio:16/9" |
| device-aspect-ratio |
Definisce la rapporto device-width/device-height del display/pagina. Puoi usare i prefissi "min-" e "max-". Esempio: media="screen and (aspect-ratio:16/9" |
| color |
Definisce il numero di bit per ciascun colore del display target. Puoi usare i prefissi "min-" e "max-". Esempio: media="screen and (color:3" |
| color-index |
Definisce il numero di colori che può gestire il display target. Puoi usare i prefissi "min-" e "max-". Esempio: media="screen and (min-color-index:256" |
| monochrome |
Determina il numero di bit per pixel nel buffer a schermo monocromatico. Puoi usare i prefissi "min-" e "max-". Esempio: media="screen and (monochrome:2)" |
| resolution |
Determina la densità di pixel del display/pagina target (dpi o dpcm). Puoi usare i prefissi "min-" e "max-". Esempio: media="print and (resolution:300dpi)" |
| scan |
Determina il metodo di scansione del display TV. Valori possibili: "progressive" e "interlace". Esempio: media="tv and (scan:interlace)" |
| griglia |
Determina se l'output del dispositivo è una griglia o bitmap. Valori possibili: "1" rappresenta la griglia, "0" è altro. Esempio: media="handheld and (grid:1)" |
Supporto dei browser
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Supporto | Supporto | Supporto | Supporto | Supporto |
