Manuel de référence HTML

Tous les balises HTML

HTML: <area> media propriété

L'attribut media spécifie pour quel type de média l'URL cible est destiné/L'appareil a été optimisé, cette propriété est utilisée pour spécifier que l'URL est conçue pour des appareils spécifiques (par exemple iPhone), des médias vocaux ou imprimés. Cette propriété peut accepter plusieurs valeurs.

　HTML <area> balise

Exemple en ligne

Carte image avec zone cliquable :

Exemple

<!DOCTYPE html>
<html>
<title>HTML: <area> media propriété　-　基础教程网　oldtoolbag.com</title>
<body>
<p>Cliquez sur le soleil pour observer de près</p>
<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.html" media="screen and (min-color-index:256)">
</map>
</body>
</html>

Vérifiez pour voir ‹/›

Compatibilité navigateur

IEFirefoxOperaChromeSafari

Tous les navigateurs主流 supportent l'attribut media

Définition et utilisation

L'attribut media spécifie pour quel type de média l'URL cible est destiné/L'appareil est optimisé.
Cet attribut est utilisé pour spécifier si l'URL est conçue pour un appareil spécial (par exemple iPhone), pour le média vocal ou pour le média imprimé.
Cet attribut peut accepter plusieurs valeurs.
Utiliser uniquement lorsque l'attribut href existe.
Remarque : cet attribut est purement suggéré.

HTML 4.01 par rapport à HTML5différences

L'attribut media est un attribut HTML5nouvelles propriétés.

Syntaxe

<area media="value>

Opérateurs possibles

Valeur	Description
and	Opérateur AND spécifié
not	Opérateur NOT spécifié
,	Opérateur OR spécifié

Appareil

Valeur	Description
all	Par défaut. S'adapte à tous les appareils.
aural	Synthétiseur vocal
braille	Appareil de retour d'information en braille
handheld	Appareil portable (petit écran, bande passante limitée)
projection	Projecteur
print	Mode aperçu d'impression/Nombre de pages d'impression
screen	Écran d'ordinateur
tty	Médium de télex et autres utilisant un grille de caractères à espacement fixe
tv	Appareil de type téléviseur (résolution faible, capacité de défilement limitée)

Valeur

Valeur	Description
width	Largeur de l'espace d'affichage cible spécifié Généralement, "min" est utilisé-" et "max-" préfixe. Exemple: media="screen and (min-width:500px)"
height	Hauteur de l'espace d'affichage cible spécifié Généralement, "min" est utilisé-" et "max-" préfixe. Exemple : media="screen and (max-height:700px)"
device-width	Spécifier l'écran cible/Largeur du papier d'impression Généralement, "min" est utilisé-" et "max-" préfixe. Exemple : media="screen and (device-width:500px)"
device-height	Spécifier l'écran cible/Hauteur du papier d'impression Généralement, "min" est utilisé-" et "max-" préfixe. Exemple : media="screen and (device-height:500px)"
Direction	Spécifier l'écran cible/Direction du papier. Valeurs possibles : "portrait" ou "landscape" Exemple : media="all and (orientation: landscape)"
aspect-ratio	Largeur de l'espace d'affichage cible spécifié/Rapport de hauteur. Généralement, "min" est utilisé-" et "max-" préfixe. Exemple : media="screen and (aspect-ratio:16/9)"
device-aspect-ratio	Largeur de l'espace d'affichage cible spécifié/Rapport de hauteur de l'appareil. Généralement, "min" est utilisé-" et "max-" préfixe. Exemple : media="screen and (aspect-ratio:16/9)"
color	Spécifie le nombre de bits de couleur pour chaque pixel de l'affichage cible. Généralement, "min" est utilisé-" et "max-" préfixe. Exemple : media="screen and (color:3)"
color-index	Spécifie le nombre de couleurs que peut gérer l'affichage cible. Généralement, "min" est utilisé-" et "max-" préfixe. Exemple: media="screen and (min-color-index:256)"
monochrome	Spécifier le nombre de bits par pixel dans un tampon de frame monochrome. Généralement, "min" est utilisé-" et "max-" préfixe. Exemple: media="screen and (monochrome:2)"
resolution	Spécifier l'écran cible/La densité en pixels du papier (DPI ou DPCM). Généralement, "min" est utilisé-" et "max-" préfixe. Exemple: media="print and (resolution:300dpi)"
scan	Spécifier la méthode de balayage de l'écran de télévision. Les valeurs possibles sont "progressive" et "interlace". Exemple: media="tv and (scan:interlace)"
grid	Spécifier l'équipement de sortie est le réseau ou le bitmap La valeur de grid est "1", les autres sont "0" Exemple: media="handheld and (grid:1)"

　HTML <area> balise

HTML: <template> balise