English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attribut "media" de l'élément "link" spécifie pour quel type de média la ressource cible est destinée/Les appareils ont été optimisés, cet attribut est généralement utilisé avec des feuilles de style CSS pour spécifier des styles différents pour différents types de médias.
Deux feuilles de style différentes pour deux types de médias différents (écran et impression):
!DOCTYPE html> <html> <head> <meta charset="utf-8> <title>Utilisation de l'attribut "hreflang" du lien HTML <-Tutoriel de base (oldtoolbag.com)<//title> <link rel="stylesheet" type="text/css" href="demo_screen.css"> <link rel="stylesheet" type="text/css" href="demo_print.css" media="print"> </head> <body> <h1>oldtoolbag.com Exemple</h1> <p><a href="tryhtml_link_media.html" target="_blank">Cliquez ici</ouvrir cette page dans une nouvelle fenêtre (sans partie "essayez-le").</p> <p>Si vous imprimez cette page ou l'ouvrez en mode aperçu avant impression, vous verrez qu'elle utilise la feuille de style "media = "print"" pour le formatage. La feuille de style "print" contient du texte noir sur un fond blanc.</p> </body> </html>testez pour voir ‹/›
IEFirefoxOperaChromeSafari
tous les navigateurs主流browser supportent l'attribut media.
l'attribut media spécifie pour quel type de média la ressource cible doit être optimisée/l'appareil est optimisé.
Cette propriété est généralement utilisée avec les feuilles de style CSS pour spécifier des styles différents pour différents types de médias.
l'attribut media peut accepter plusieurs valeurs.
l'attribut media est maintenant pris en charge par plus de valeurs.
<link media="value>
| valeur | description |
|---|---|
| and | définir un opérateur AND. |
| not | définir un opérateur NOT. |
| , | définir un opérateur OR. |
| valeur | description |
|---|---|
| all | par défaut. S'applique à tous les appareils. |
| aural | synthétiseur vocal. |
| braille | appareil de feedback en braille. |
| handheld | appareil portable (petite taille d'écran, bande passante limitée). |
| projection | projecteur. |
| mode aperçu avant impression/page imprimée. | |
| screen | écran d'ordinateur. |
| tty | machine à écrire télégraphique et autres supports utilisant une grille de caractères à largeur fixe. |
| tv | appareil de télévision (faible résolution, capacité de défilement limitée). |
| valeur | description |
|---|---|
| width | définir la largeur de la zone cible de l'écran min peut être utilisé-" et "max-" est le préfixe. Exemple : media="screen and (min-width:500px)" |
| height | définir la hauteur de la zone cible de l'écran min peut être utilisé-" et "max-" est le préfixe. Exemple : media="screen and (max-height:700px)" |
| device-width | Définit l'écran cible/largeur du papier min peut être utilisé-" et "max-" est le préfixe. Exemple : media="screen and (device-width:500px)" |
| device-height | Définit l'écran cible/hauteur du papier min peut être utilisé-" et "max-" est le préfixe. Exemple : media="screen and (device-height:500px)" |
| orientation | Définit l'écran cible/direction 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'écran/ratio de hauteur. min peut être utilisé-" et "max-" est le préfixe. Exemple : media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio | Définit l'écran cible/device du papier-width/device-ratio de hauteur. min peut être utilisé-" et "max-" est le préfixe. Exemple : media="screen and (aspect-ratio:16/9)" |
| color | définir les bits de la cible de l'écran/color. min peut être utilisé-" et "max-" est le préfixe. Exemple : media="screen and (color:3)" |
| color-index | Définit le nombre de couleurs que l'écran cible peut traiter. min peut être utilisé-" et "max-" est le préfixe. Exemple : media="screen and (min-color-index:256)" |
| monochrome | Définit les bits du tampon de couleur monochrome/pixel. min peut être utilisé-" et "max-" est le préfixe. Exemple : media="screen and (monochrome:2)" |
| résolution | Définit l'écran cible/densité en pixels du papier (dpi ou dpcm). min peut être utilisé-" et "max-" est le 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 si l'appareil de sortie est une grille ou un bitmap. Valeurs possibles :"1" est pour la grille, sinon c'est "0". Exemple : media="handheld and (grid:1)" |