English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attribut media de l'élément <a> est une propriété HTML5 Nouvel attribut ; cet article décrit l'utilisation de l'attribut media de l'élément <a>, avec des exemples en ligne, la compatibilité des navigateurs, la définition de la syntaxe et les détails des valeurs de l'attribut.
Voici les liens utilisant l'attribut media :
<a href="/tags/att-a-media.html?output=print" media="print and (resolution:300dpi)">Page des attributs média imprimables</a>Testez pour voir ‹/›
IEFirefoxOperaChromeSafari
Tous les navigateurs populaires prennent en charge l'attribut media.
L'attribut media spécifie le type de média pour lequel le document de lien est destiné/L'appareil est optimisé.
Cet attribut est utilisé pour spécifier que l'URL cible est conçue pour des appareils spéciaux (par exemple, iPhone), des médias vocaux ou des médias imprimés.
Cet attribut peut accepter plusieurs valeurs.
Utiliser uniquement lorsque l'attribut href existe.
Note : cet attribut est purement suggestif.
Cet attribut est HTML5 nouvel attribut dans
<a media="valeur>
| opérateurs | Description |
|---|---|
| and | Définir l'opérateur AND. |
| not | Définir l'opérateur NOT. |
| , | Définir l'opérateur OR. |
| Valeur | Description |
|---|---|
| all | Par défaut. Convient à tous les appareils. |
| aural | Synthétiseur vocal. |
| braille | Appareils de feedback en braille. |
| handheld | Appareils portables (petit écran, bande passante limitée). |
| projection | Projecteur. |
| Mode aperçu avant impression/Page imprimée. | |
| screen | Écran d'ordinateur. |
| tty | Machines à écrire télégraphiques et autres supports utilisant une grille de caractères à largeur fixe. |
| tv | Appareils de type téléviseur (faible résolution, capacité de pagination limitée). |
| Valeur | Description |
|---|---|
| width | Définir la largeur de la zone cible de l'affichage. Peut utiliser "min-" et "max-" préfixe. Exemple : media="screen and (min-width:500px)" |
| height | Définir la hauteur de la zone cible de l'affichage. Peut utiliser "min-" et "max-" préfixe. Exemple : media="screen and (max-height:700px)" |
| device-width | Définit l'écran cible/largeur du papier. Peut utiliser "min-" et "max-" préfixe. Exemple : media="screen and (device-width:500px)" |
| device-height | Définit l'écran cible/hauteur du papier. Peut utiliser "min-" et "max-" préfixe. Exemple : media="screen and (device-height:500px)" |
| orientation | Définit l'écran cible/Orientation du papier. Valeurs possibles : "portrait" ou "landscape" Exemple : media="all and (orientation: landscape)" |
| aspect-ratio | Définir la largeur de la zone cible de l'affichage./ratio de hauteur. Peut utiliser "min-" et "max-" préfixe. Exemple : media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio | Définit l'écran cible/device de papier-width/device-ratio de hauteur. Peut utiliser "min-" et "max-" préfixe. Exemple : media="screen and (aspect-ratio:16/9)" |
| color | Définir les bits par couleur du moniteur cible. Peut utiliser "min-" et "max-" préfixe. Exemple : media="screen and (color:3)" |
| color-index | Définit le nombre de couleurs que l'écran cible peut traiter. Peut utiliser "min-" et "max-" préfixe. Exemple : media="screen and (min-color-index:256)" |
| monochrome | Définit le nombre de bits par pixel dans le tampon d'images monochromes. Peut utiliser "min-" et "max-" préfixe. Exemple : media="screen and (monochrome:2)" |
| résolution | Définit l'écran cible/Densité de pixels du papier (dpi ou dpcm). Peut utiliser "min-" et "max-" préfixe. Exemple : media="print and (resolution:300dpi)" |
| scan | Définit la méthode de balayage de l'écran tv. Valeurs possibles : "progressive" et "interlace". Exemple : media="tv and (scan:interlace)" |
| grille | Définit l'appareil de sortie en grille ou en bitmap. Valeurs possibles :"1" représente la grille, "0" est pour d'autres. Exemple : media="handheld and (grid:1)" |