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:

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
print 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

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

Hai un progetto che non decolla, che non ottiene i risultati sperati? Oppure stai per partire con una nuova idea e vuoi che sia tutto a posto. Contattami per una Consulenza, per un’analisi rapida o per un Audit SEO approfondito del tuo sito, spesso il problema è più semplice di quel che si pensa.

Il progetto

ManueleMorandin.net è il punto di incontro attraverso articoli, Email e messaggi, con chi vuole scoprire le potenzialità del web per la propria attività. Comprendere la SEO nelle sue evoluzioni. Conoscere ed usare gli strumenti digitali più efficienti per ottenere il massimo rendimento dal web.