L’attributo Media associato al tag <a> è una novità di html5 e permette di informare per quale dispositivo è ottimizzata la risorsa associata.
L’attributo media non è comunque una novità assoluta infatti viene utilizzato già da tempo per altri tag, come il tag <link> o <Style> dov’è possibile indicare in base al dispositivo utilizzato determinate regole di stile così da ottimizzarne la risoluzione.
Con html5 però questo attributo è stato implementato anche nel tag <a> e permette di specificare che URL di destinazione è stato progettato per dispositivi specifici come smartphone oppure per essere stampato.
La sua sintassi base e: <a media=”value“>
Un esempio reale: <a href=”www.home.it/stampa”
media=”print and (resolution:200dpi)”>
apri la versione stampabile</a>
Operatori logici
Questo attributo permette l’utilizzo di operatori logici cosi da ottenere comandi più complessi, gli operatori ammessi sono:
- and specifica che il contenuto soddisfa più condizioni, ad esempio stampa e risoluzione
- not specifica che il contenuto non è ottimizzato per quella condizione, ad esempio dispositivi con schermi troppo piccoli
- , specifica che il contenuto soddisfa una condizione piuttosto che un altra
Dispositivi
È possibile specificare che il contenuto è ottimizzato per uno specifico dispositivo:
Valore | Descrizione |
all | Tutti i dispositivi, valore di default |
aural | Sintetizzatori vocali |
braille | Dispositivi con risposta braille |
handheld | Dispositivi portatili, con limitate prestazioni |
projection | Dispositivi per la proiezione |
Adatti alla stampa o anteprima di stampa | |
screen | Adatti a grandi monitor |
tty | Adatti a telescriventi |
tv | adatto a dispositivi con bassa risoluzione |
Questo attributo comunque rimane per ora solo un annotazione.
Per vedere le applicazioni dell’attributo Media e di altri attributi introdotti in HTML5 visita la guida Hyperlink HTML