Définition et utilisation
Le media attribut spécifie ce que les médias / périphérique le document lié est optimisé pour.
Cet attribut est utilisé pour indiquer que l'URL cible est conçu pour les appareils spéciaux (comme l'iPhone), de la parole ou de la presse écrite.
Cet attribut peut accepter plusieurs valeurs.
S'applique à
Le media attribut peut être utilisé sur les éléments suivants:
| Éléments | Attribut |
|---|---|
| <a> | media |
| <area> | media |
| <link> | media |
| <source> | media |
| <style> | media |
Exemples
A exemple
Un lien avec un media attribut:
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
Essayez - le vous - même » Area Exemple
Une image-carte, avec une zone cliquable:
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun"
href="sun.htm" media="screen and (min-color-index:256)">
</map>
Essayez - le vous - même » Link Exemple
Deux feuilles de style différentes pour deux différents types de médias (écran et impression):
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
Essayez - le vous - même » Source Exemple
Utilisez des media attribut:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
Essayez - le vous - même » Style Exemple
Spécifiez le style à utiliser pour l'impression:
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style> Essayez - le vous - même » support du navigateur
Le media attribut a le support de navigateur suivant pour chaque élément:
| Élément | |||||
|---|---|---|---|---|---|
| a | Oui | Oui | Oui | Oui | Oui |
| area | Oui | Oui | Oui | Oui | Oui |
| link | Oui | Oui | Oui | Oui | Oui |
| source | Non supporté | Non supporté | Non supporté | Non supporté | Non supporté |
| style | Oui | Oui | Oui | Oui | Oui |