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 |
