English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo media è un nuovo attributo HTML5; questo articolo spiega l'uso dell'attributo media, dimostrazione online di come utilizzare l'attributo media, compatibilità del browser, definizione sintattica e dettagli delle sue proprietà.
Di seguito è riportato un collegamento utilizzando l'attributo media:
<a href="/tags/att-a-media.html?output=print" media="print and (resolution:300dpi)">Pagina delle proprietà del media stampabile</a>Prova a vedere ‹/›
IEFirefoxOperaChromeSafari
Tutti i browser mainstream supportano l'attributo media.
L'attributo media specifica quale tipo di media/dispositivo è ottimizzato il documento di collegamento.
Questa proprietà viene utilizzata per specificare che l'URL di destinazione è progettato per dispositivi speciali (ad esempio iPhone), media vocali o stampabili.
Questa proprietà può accettare più valori
Utilizzare solo quando esiste l'attributo href
Attenzione: questa proprietà è puramente suggerente
Questa proprietà è una nuova proprietà in HTML5
<a media="value>
| Operatore | Descrizione |
|---|---|
| and | Stabilisce l'operatore AND |
| not | Stabilisce l'operatore NOT |
| , | Stabilisce l'operatore OR |
| 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 media con griglia di caratteri a larghezza fissa |
| tv | Dispositivi di tipo TV (bassa risoluzione, capacità di paginazione limitata) |
| Valore | Descrizione |
|---|---|
| width | Stabilisce la larghezza dell'area di visualizzazione target Puoi usare i prefissi "min-" e "max-". Esempio: media="screen and (min-width:500px)" |
| height | Stabilisce l'altezza dell'area di visualizzazione target Puoi usare i prefissi "min-" e "max-". Esempio: media="screen and (max-height:700px)" |
| device-width | Stabilisce la larghezza del dispositivo di visualizzazione/pagina del documento target Puoi usare i prefissi "min-" e "max-". Esempio: media="screen and (device-width:500px)" |
| device-height | Stabilisce l'altezza del dispositivo di visualizzazione/pagina del documento target Puoi usare i prefissi "min-" e "max-". Esempio: media="screen and (device-height:500px)" |
| orientation | Stabilisce l'orientamento del dispositivo di visualizzazione/pagina del documento target 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 i prefissi "min-" e "max-". Esempio: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio | Stabilisce il rapporto larghezza/altezza del dispositivo di visualizzazione/pagina del documento target Puoi usare i prefissi "min-" e "max-". Esempio: media="screen and (aspect-ratio:16/9)" |
| color | Stabilisce i bits per colore del display target Puoi usare i prefissi "min-" e "max-". Esempio: media="screen and (color:3)" |
| color-index | Determina il numero di colori che il display target può gestire. Puoi usare i prefissi "min-" e "max-". Esempio: media="screen and (min-color-index:256)" |
| monochrome | Determina i bit per pixel in un buffer a singolo colore. 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 sono: "progressive" e "interlace". Esempio: media="tv and (scan:interlace)" |
| griglia | Determina se l'output dell'unità di uscita è una griglia o bitmap. Valori possibili: "1" rappresenta la griglia, "0" è altro. Esempio: media="handheld and (grid:1)" |