HTML <a> mediaAttribut

HTML a 标签参考手册 Balise HTML <a>

Exemples

L'exemple suivant montre un lien utilisant l'attribut media :

<a href="../tags/att-a-media.html" media="print and (resolution:300dpi)">Page imprimable de l'attribut media</a>

Essayez-le vous-même »

Prise en charge des navigateurs

Tous les principaux navigateurs prennent en charge l'attribut media.

Définition et utilisation

L'attribut media spécifie pour quel type de média/périphérique l'URL cible est optimisée.

Cet attribut est utilisé pour spécifier que l'URL cible est conçue pour des appareils spéciaux (comme l'iPhone), la synthèse vocale ou les médias imprimés.

Cet attribut peut accepter plusieurs valeurs.

Il ne peut être utilisé que lorsque l'attribut href est présent.

Différences entre HTML 4.01 et HTML5

Cet attribut est nouveau dans HTML5.

Syntaxe

Opérateurs possibles

Operator	Description
et	Spécifie l'opérateur AND.
not	Spécifie l'opérateur NOT.
,	Spécifie l'opérateur OR.

Appareils

Valeur	Description
all	Par défaut. Convient à tous les appareils.
aural	Synthétiseurs vocaux.
braille	Appareils de retour Braille.
handheld	Appareils mobiles (petits écrans, bande passante limitée).
projection	Projecteurs.
print	Mode d'aperçu avant impression / pages imprimées.
écran	Écrans d'ordinateur.
tty	Téléscripteurs et médias similaires utilisant une grille de caractères à chasse fixe.
tv	Appareils de type télévision (faible résolution, capacité de pagination limitée).

Valeur

Valeur	Description
width	Spécifie la largeur de la zone d'affichage cible. 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 cible. 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/du 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/du 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/du papier cible. Valeurs possibles : "portrait" ou "landscape" Exemple : media="all and (orientation: landscape)"
aspect-ratio	Spécifie le rapport largeur/hauteur de la zone d'affichage cible. 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/du papier cible. Les préfixes "min-" et "max-" peuvent être utilisés. Exemple : media="screen and (aspect-ratio:16/9)"
color	Spécifie le nombre de bits par couleur de l'écran 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 le nombre de bits par pixel dans une mémoire tampon de trame monochrome. Les préfixes "min-" et "max-" peuvent être utilisés. Exemple : media="screen and (monochrome:2)"
résolution	Spécifie la densité de pixels (dpi ou dpcm) de l'écran ou du 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 balayage d'un écran de télévision. Les valeurs possibles sont : "progressive" et "interlace". Exemple : media="tv and (scan:interlace)"
grid	Spécifie si le périphérique de sortie est une grille ou une bitmap. Valeurs possibles : "1" représente une grille, "0" correspond à tout le reste. Exemple : media="handheld and (grid:1)"