HTML <a> media Attribut
Exemple
Un lien avec un attribut media :
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Ouvrir la page de l'attribut media pour l'impression.</a> Définition et Utilisation
L'attribut media spécifie pour quel média ou appareil le document lié est optimisé.
Cet attribut est utilisé pour indiquer que l'URL cible est conçue pour des appareils spéciaux (comme l'iPhone), des médias de parole ou d'impression.
Cet attribut peut accepter plusieurs valeurs.
Il est utilisé uniquement si l'attribut href est présent.
Remarque : Cet attribut est purement consultatif.
Support des Navigateurs
| Élément | |||||
|---|---|---|---|---|---|
| media | Oui | Oui | Oui | Oui | Oui |
Syntaxe
<a media=" valeur "> Opérateurs Possibles
| Valeur | Description |
|---|---|
| and | Spécifie un opérateur AND |
| not | Spécifie un opérateur NOT |
| , | Spécifie un opérateur OR |
Appareils
| Valeur | Description |
|---|---|
| all | Par défaut. Convient à tous les appareils |
| aural | Synthétiseurs vocaux |
| braille | Dispositifs de retour en braille |
| handheld | Appareils portables (petit écran, bande passante limitée) |
| projection | Projecteurs |
| Mode d'aperçu avant impression/pages imprimées | |
| screen | Écrans d'ordinateur |
| tty | Teletype et médias similaires utilisant une grille de caractères à largeur fixe |
| tv | Appareils de type télévision (basse résolution, capacité de défilement limitée) |
Valeurs
| Valeur | Description |
|---|---|
| width | Spécifie la largeur de la zone d'affichage ciblée. Les préfixes "min-" et "max-" peuvent être utilisés. Exemple : media="screen and (min-width:500px)" |
| height | Spécifie la hauteur de la zone d'affichage ciblée. Les préfixes "min-" et "max-" peuvent être utilisés. Exemple : media="screen and (max-height:700px)" |
| device-width | Spécifie la largeur de l'affichage/papier cible. Les préfixes "min-" et "max-" peuvent être utilisés. Exemple : media="screen and (device-width:500px)" |
| device-height | Spécifie la hauteur de l'affichage/papier cible. Les préfixes "min-" et "max-" peuvent être utilisés. Exemple : media="screen and (device-height:500px)" |
| orientation | Spécifie l'orientation de l'affichage/papier cible. Valeurs possibles : "portrait" ou "paysage" Exemple : media="all and (orientation: landscape)" |
| aspect-ratio | Spécifie le rapport largeur/hauteur de la zone d'affichage ciblée. Les préfixes "min-" et "max-" peuvent être utilisés. Exemple : media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio | Spécifie le rapport device-width/device-height de l'affichage/papier cible. Les préfixes "min-" et "max-" peuvent être utilisés. Exemple : media="screen and (aspect-ratio:16/9)" |
| color | Spécifie les bits par couleur de l'affichage cible. Les préfixes "min-" et "max-" peuvent être utilisés. Exemple : media="screen and (color:3)" |
| color-index | Spécifie le nombre de couleurs que l'affichage cible peut gérer. Les préfixes "min-" et "max-" peuvent être utilisés. Exemple : media="screen and (min-color-index:256)" |
| monochrome | Spécifie les bits par pixel dans un tampon d'image monochrome. Les préfixes "min-" et "max-" peuvent être utilisés. Exemple : media="screen and (monochrome:2)" |
| resolution | Spécifie la densité de pixels (dpi ou dpcm) de l'affichage/papier cible. Les préfixes "min-" et "max-" peuvent être utilisés. Exemple : media="print and (resolution:300dpi)" |
| scan | Spécifie la méthode de numérisation d'un affichage TV. Les valeurs possibles sont "progressive" et "interlace". Exemple : media="tv and (scan:interlace)" |
| grid | Spécifie si le dispositif de sortie est en grille ou en bitmap. Les valeurs possibles sont "1" pour la grille, et "0" sinon. Exemple : media="handheld and (grid:1)" |