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>

Probeer het zelf uit

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.
print 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