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>

probeer het zelf uit

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