Home Digital L’attributo media con il tag

L’attributo media con il tag

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:

ValoreDescrizione
allTutti i dispositivi, valore di default
auralSintetizzatori vocali
brailleDispositivi con risposta braille
handheldDispositivi portatili, con limitate prestazioni
projectionDispositivi per la proiezione
printAdatti alla stampa o anteprima di stampa
screenAdatti a grandi monitor
ttyAdatti a telescriventi
tvadatto 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

Manuele Morandinhttps://www.manuelemorandin.net
Consulente SEO e tecnico informatico, aiuto imprenditori e professionisti a sviluppare on line la propria attività, attraverso il posizionamento sui motori di ricerca, campagne pubblicitari e gestione dei social network.

LASCIA UN COMMENTO

Per favore inserisci il tuo commento!
Per favore inserisci il tuo nome qui

Consulenza SEO

Ottimizza il tuo sito web tecnicamente e semanticamente.
Con metodi costantemente aggiornati e testati ti aiuto a migliorare l’usabilità e l’utilità del tuo progetto web per aumentarne la visibilità e farti raggiungere dalle persone interessate a quello che offri.
Scorpi tutte le offerte e chiedi un preventivo senza impegno.