Esempio
Un collegamento con un media di attributo:
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
Prova tu stesso " Definizione e utilizzo
Il media attributo specifica ciò che i media / dispositivo del documento collegato è ottimizzato per.
Questo attributo viene utilizzato per specificare che l'URL di destinazione è progettata per i dispositivi speciali (come iPhone), discorso o supporti di stampa.
Questo attributo può accettare più valori.
Utilizzato solo se il href attributo è presente.
Nota: Questo attributo è puramente consultivo.
Supporto per il browser
| Elemento | ||||||
|---|---|---|---|---|---|---|
| media | sì | sì | sì | sì | sì | sì |
Differenze tra HTML 4.01 e HTML5
Il media attributo è di nuovo in HTML5.
Sintassi
<a media="value">
Possibili Operatori
| Valore | Descrizione |
|---|---|
| and | Specifica un AND operatore |
| not | Specifica un NOT operatore |
| , | Specifica un OR operatore |
dispositivi
| Valore | Descrizione |
|---|---|
| all | Predefinito. Adatto a tutti i dispositivi |
| aural | sintetizzatori vocali |
| braille | dispositivi di retroazione Braille |
| handheld | dispositivi palmari (piccolo schermo, la larghezza di banda limitata) |
| projection | proiettori |
| modalità di stampa l'anteprima delle pagine stampate / | |
| screen | Gli schermi di computer |
| tty | Telescriventi e supporti simili utilizzando una griglia di carattere a passo fisso |
| tv | dispositivi di tipo televisivo (bassa risoluzione, capacità di scorrimento limitata) |
Valori
| Valore | Descrizione |
|---|---|
| width | Specifica la larghezza dell'area di visualizzazione di destinazione. "min-" e "max-" prefissi possono essere utilizzati. Esempio: media="screen and (min-width:500px)" |
| height | Specifica l'altezza dell'area di visualizzazione di destinazione. "min-" e "max-" prefissi possono essere utilizzati. Esempio: media="screen and (max-height:700px)" |
| device-width | Specifica la larghezza del bersaglio display / carta. "min-" e "max-" prefissi possono essere utilizzati. Esempio: media="screen and (device-width:500px)" |
| device-height | Specifica l'altezza del bersaglio display / carta. "min-" e "max-" prefissi possono essere utilizzati. Esempio: media="screen and (device-height:500px)" |
| orientation | Specifica l'orientamento del target display / carta. I valori possibili: "portrait" o "landscape" Esempio: media="all and (orientation: landscape)" |
| aspect-ratio | Specifica il rapporto larghezza / altezza dell'area di visualizzazione di destinazione. "min-" e "max-" prefissi possono essere utilizzati. Esempio: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio | Specifica il rapporto dispositivo-larghezza / altezza dispositivo del target display / carta. "min-" e "max-" prefissi possono essere utilizzati. Esempio: media="screen and (aspect-ratio:16/9)" |
| color | Specifica i bit per colore di visualizzazione di destinazione. "min-" e "max-" prefissi possono essere utilizzati. Esempio: i media = "screen e (colore: 3)" |
| color-index | Specifica il numero di colori del display di destinazione in grado di gestire. "min-" e "max-" prefissi possono essere utilizzati. Esempio: media="screen and (min-color-index:256)" |
| monochrome | Specifica i bit per pixel in un frame buffer in bianco e nero. "min-" e "max-" prefissi possono essere utilizzati. Esempio: media="screen and (monochrome:2)" |
| resolution | Specifica la densità di pixel (dpi o DPCM) del target display / carta. "min-" e "max-" prefissi possono essere utilizzati. Esempio: media="print and (resolution:300dpi)" |
| scan | Specifica metodo di scansione di uno schermo TV. I valori possibili sono "progressive" e "interlace" . Esempio: i media = "tv e (scansione: interlacciato)" |
| grid | Specifica se il dispositivo di uscita è di griglia o bitmap. I valori possibili sono "1" per la griglia, e "0" in caso contrario. Esempio: media="handheld and (grid:1)" |