Latest web development tutorials

Les propriétés médias de HTML

HTML une marque de référence tag HTML

Exemples

L'exemple suivant illustre l'utilisation des propriétés des médias lien:

<a href="/tags/att-a-media.html?output=print" media="print and (resolution:300dpi)">可打印的媒体属性页</a>

Essayez »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tous les principaux navigateurs prennent en charge les propriétés des médias.


Définition et utilisation

attribut media spécifie l'URL cible est la raison pour laquelle le type de support / périphérique optimisé.

Cet attribut est utilisé pour spécifier l'URL de destination pour un dispositif particulier (par exemple, iPhone), de la parole ou d'imprimer la conception des médias.

La propriété peut accepter plusieurs valeurs.

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


Différences entre HTML 4.01 et HTML5

Cet attribut est nouveau dans les attributs HTML5.


grammaire

<a media="value">

possible opérateur

opérateurs description
et Les dispositions de l'opérateur AND.
pas Provision opérateur NOT.
, Les dispositions de l'opérateur OR.

équipement

valeur description
tous Par défaut. Convient pour tous les appareils.
auriculaire Discours synthétiseur.
braille dispositifs de retour en braille.
ordinateur de poche Appareils de poche (petit écran, la bande passante limitée).
projection Projecteur.
imprimer Aperçu avant impression Mode / pages imprimées.
écran Ecran d'ordinateur.
tty Teletype et des médias similaires en utilisant une grille de caractères à espacement fixe.
TV dispositifs de type Télévision (basse résolution, capacité de pagination limitée).

valeur

valeur description
largeur

Largeur prédéterminée d'affichage de consigne de la zone.

Vous pouvez utiliser "min-" et "mum" préfixes.

Exemples: "écran et (min-width: 500px)" media =

hauteur

Hauteur prédéterminée de la zone d'affichage de consigne.

Vous pouvez utiliser "min-" et "mum" préfixes.

Exemples: media = "screen et (max-height: 700px)"

Dispositif de largeur

Les dispositions de la largeur cible écran / papier.

Vous pouvez utiliser "min-" et "mum" préfixes.

Exemples: "écran et (device-width: 500px)" media =

dispositif hauteur

Les dispositions de la hauteur cible affichage / papier.

Vous pouvez utiliser "min-" et "mum" préfixes.

Exemples: media = "screen et (appareil-height: 500px)"

orientation

Les dispositions de l'orientation cible affichage / papier.

Valeurs possibles: "portrait" ou "paysage"

Exemples: media = "tous et (orientation: paysage)"

rapport d'aspect

Prédéterminé affichage cible rapport largeur / hauteur de la zone.

Vous pouvez utiliser "min-" et "mum" préfixes.

Exemples: "écran et (aspect ratio: 16/9)" media =

dispositif aspect ratio

Les dispositions du rapport cible écran / papier dispositif largeur / hauteur. Dispositif

Vous pouvez utiliser "min-" et "mum" préfixes.

Exemples: "écran et (aspect ratio: 16/9)" media =

couleur

Les objectifs déclarés des bits d'affichage par couleur.

Vous pouvez utiliser "min-" et "mum" préfixes.

Exemples: media = "screen et (couleur: 3)"

couleur index

Un nombre prédéterminé de l'affichage cible de couleur peut gérer.

Vous pouvez utiliser "min-" et "mum" préfixes.

Exemples: media = "screen et (min-couleur-indice: 256)"

camaïeu

Dispositions monochrome tampon de trame en bits par pixel.

Vous pouvez utiliser "min-" et "mum" préfixes.

Exemples: media = "screen et (monochrome: 2)"

résolution

Les dispositions de la densité d'affichage cible / papier pixel (dpi ou dpcm).

Vous pouvez utiliser "min-" et "mum" préfixes.

Exemples: media = "print et (résolution: 300dpi)"

balayage

Prédéterminé balayage affichage méthode de tv.

Les valeurs possibles sont: "progressive" et "entrelacé".

Exemples: media = "tv et (scan: entrelacé)"

grille

périphérique de sortie prédéterminée est grille ou bitmap.

Valeurs possibles: grille "1", "0" est l'autre.

Exemples: media = "de poche et (grille: 1)"



HTML une marque de référence tag HTML