HTML <a> media-eigenschap
Definitie en gebruik
media
De eigenschap bepaalt voor welke media of apparaten de linkdocumenten zijn geoptimaliseerd.
Deze eigenschap wordt gebruikt om te bepalen of de doel-URL is ontworpen voor specifieke apparaten (zoals iPhone), spraak of drukmedia.
Deze eigenschap kan meerdere waarden accepteren.
Kan alleen href-eigenschap Gebruik indien aanwezig.
Let op:Deze eigenschap is puur suggestief.
Voorbeeld
Gebruikte media-eigenschap van de link:
<a href="att_a_media.asp?output=print" media="print and (resolution:300dpi)"> open de pagina van de media-eigenschappen voor afdrukken </a>
syntax
<a media="waarde>
mogelijke bewerkers
bepaalt de bewerker. | beschrijving |
---|---|
and | bepaalt de AND-betekenis. |
not | bepaalt de NOT-betekenis. |
, | bepaalt de OR-betekenis. |
apparaat
waarde | beschrijving |
---|---|
all | standaard. Geschikt voor alle apparaten. |
aural | auditieve synthesizer. |
braille | brailleschrijfapparaat. |
handheld | handheld-apparaten (kleine schermen, beperkte bandbreedte). |
projection | projector. |
printvoorbewoningsmodus/printsblad. | |
screen | computerscherm. |
tty | telegraphietelefoon en vergelijkbare media die een breedtegraatwerk gebruiken. |
tv | televisietype-apparaten (lage resolutie, beperkte paginatiecapaciteit). |
waarde
waarde | beschrijving |
---|---|
width |
bepaalt de breedte van het doelbeeld. Prefixes such as "min-" and "max-" can be used. Voorbeeld: media="screen and (min-width:500px" |
height |
bepaalt de hoogte van het doelbeeld. Prefixes such as "min-" and "max-" can be used. Voorbeeld: media="screen and (max-height:700px" |
device-width |
bepaalt de breedte van het doelbeeld/papier. Prefixes such as "min-" and "max-" can be used. Voorbeeld: media="screen and (device-width:500px" |
device-height |
bepaalt de hoogte van het doelbeeld/papier. Prefixes such as "min-" and "max-" can be used. Voorbeeld: media="screen and (device-height:500px" |
orientation |
bepaalt de richting van het doelbeeld/papier. mogelijke waarden: "portrait" of "landscape" Voorbeeld: media="all and (orientation: landscape" |
aspect-ratio |
bepaalt de verhouding van breedte/hoogte van het doelbeeld. Prefixes such as "min-" and "max-" can be used. Voorbeeld: media="screen and (aspect-ratio:16/9" |
device-aspect-ratio |
bepaalt de verhouding van device-width/device-height van het doelbeeld/papier. Prefixes such as "min-" and "max-" can be used. Voorbeeld: media="screen and (aspect-ratio:16/9" |
color |
bepaalt het aantal bits per kleur van het doelbeeld. Prefixes such as "min-" and "max-" can be used. Voorbeeld: media="screen and (color:3" |
color-index |
bepaalt het aantal kleuren dat het doelbeeld kan verwerken. Prefixes such as "min-" and "max-" can be used. Voorbeeld: media="screen and (min-color-index:256" |
monochrome |
Specifies the number of bits per pixel in monochrome frame buffer. Prefixes such as "min-" and "max-" can be used. Example: media="screen and (monochrome:2)" |
resolution |
Specifies the pixel density (dpi or dpcm) of the target display/paper. Prefixes such as "min-" and "max-" can be used. Example: media="print and (resolution:300dpi)" |
scan |
Specifies the scanning method of the TV display. Possible values are: "progressive" and "interlace". Example: media="tv and (scan:interlace)" |
grid |
Specifies whether the output device is a grid or bitmap. Possible values: "1" represents a grid, "0" is other. Example: media="handheld and (grid:1)" |
Browser support
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Support | Support | Support | Support | Support |