HTML <area> media-eigenschap
Definitie en gebruik
media
De eigenschap specificeert welke media of apparatuur het gelinkte document optimaliseert.
Deze eigenschap wordt gebruikt om te bepalen of de doel URL is ontworpen voor speciale apparaten (zoals iPhone), spraak of afdrukmedia.
Deze eigenschap kan meerdere waarden accepteren.
alleen bestaat href-eigenschap gebruik.
Let op:Deze eigenschap is puur suggestief.
Voorbeeld
Gebruik de media-eigenschap om de media/apparatuur te specificeren die de doel URL optimaliseert:
<map name="planetmap"> <area shape="rect" coords="0,0,114,576" alt="Sun" href="sun.html" media="screen and (min-color-index:256)" </map>
Syntax
<area media="waarde>
Mogelijke bewerkers
Bewerker | Beschrijving |
---|---|
and | Stelt de AND-betekener vast. |
not | Stelt de NOT-betekener vast. |
, | Stelt de OR-betekener vast. |
Apparaat
Waarde | Beschrijving |
---|---|
all | Standaard. Geschikt voor alle apparaten. |
aural | Geluidssynthese. |
braille | Braillefeedbackapparaat. |
handheld | Handheld-apparaten (kleine schermen, beperkte bandbreedte). |
projection | Projector. |
Printvoorbeeld-modus/Printpagina. | |
screen | Computerscherm. |
tty | Teleprinter en vergelijkbare media met een evenwijdige tekengrid. |
tv | Televisietype-apparaten (lage resolutie, beperkte paginatiecapaciteit). |
Waarde
Waarde | Beschrijving |
---|---|
width |
Stelt de breedte van het doelbeeldgebied vast. Prefixes such as "min-" and "max-" can be used. Voorbeeld: media="screen and (min-width:500px" |
height |
Stelt de hoogte van het doelbeeldgebied vast. Prefixes such as "min-" and "max-" can be used. Voorbeeld: media="screen and (max-height:700px" |
device-width |
Stelt de breedte van het doelbeeld/papier vast. Prefixes such as "min-" and "max-" can be used. Voorbeeld: media="screen and (device-width:500px" |
device-height |
Stelt de hoogte van het doelbeeld/papier vast. Prefixes such as "min-" and "max-" can be used. Voorbeeld: media="screen and (device-height:500px" |
orientation |
Stelt de richting van het doelbeeld/papier vast. Mogelijke waarden: "portrait" of "landscape" Voorbeeld: media="all and (orientation: landscape" |
aspect-ratio |
Stelt de verhouding breedte/hoogte van het doelbeeldgebied vast. Prefixes such as "min-" and "max-" can be used. Voorbeeld: media="screen and (aspect-ratio:16/9" |
device-aspect-ratio |
Stelt de verhouding device-width/device-height van het doelbeeld/papier vast. Prefixes such as "min-" and "max-" can be used. Voorbeeld: media="screen and (aspect-ratio:16/9" |
color |
Stelt het aantal bits per kleur van het doelbeeld vast. Prefixes such as "min-" and "max-" can be used. Voorbeeld: media="screen and (color:3" |
color-index |
Stelt het aantal kleuren vast 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 a 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 for others. Example: media="handheld and (grid:1)" |
Browser support
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Support | Support | Support | Support | Support |