HTML <area> media-egenskab

HTML <a> Tag

Definition og brug

media Egenskaben definerer, hvilke medier/enheder dokumentet, der er linket til, er optimeret til.

Denne egenskab bruges til at definere, om mål-URL'en er designet til specifikke enheder (som iPhone), tale eller trykte medier.

Denne egenskab kan acceptere flere værdier.

kun når href-egenskaben brug.

Bemærk:Denne egenskab er udelukkende anbefalende.

Eksempel

Brug media-egenskaben til at specificere hvilke medier/enheder mål-URL'en er optimeret til:

<map name="planetmap">
  <area shape="rect" coords="0,0,114,576" alt="Sol"
  href="sun.html" media="screen and (min-color-index:256)">
</map>

Prøv det selv

Syntaks

<area media="value>

Måske operatører

Operatører Beskrivelse
and Definerer AND-operatoren.
not Definerer NOT-operatoren.
, Definerer OR-operatoren.

Enhed

Værdi Beskrivelse
all Standard. Passer til alle enheder.
aural Lydgenerator.
braille Blindskriftsfeedbackenhed.
handheld Håndholdte enheder (lille skærm, begrænset båndbredde).
projection Projektor.
print Printforhåndsvisningstilstand/printsider.
screen Computerskærm.
tty Telegraph-taster og lignende medier, der bruger en breddegrads netværk.
tv TV-typen enheder (lav opløsning, begrænset sidevisningsevne).

Værdi

Værdi Beskrivelse
width

Definerer bredden for målområdet.

Prefixer "min-" og "max-" kan bruges.

Eksempel: media="screen and (min-width:500px)"
height

Definerer højden for målområdet.

Prefixer "min-" og "max-" kan bruges.

Eksempel: media="screen and (max-height:700px)"
device-width

Definerer bredden for målmonitor/papir.

Prefixer "min-" og "max-" kan bruges.

Eksempel: media="screen and (device-width:500px)"
device-height

Definerer højden for målmonitor/papir.

Prefixer "min-" og "max-" kan bruges.

Eksempel: media="screen and (device-height:500px)"
orientation

Definerer retningen for målmonitor/papir.

Måske værdier: "portrait" eller "landscape"

Eksempel: media="all and (orientation: landscape)"
aspect-ratio

Definerer bredden/højden for målområdet.

Prefixer "min-" og "max-" kan bruges.

Eksempel: media="screen and (aspect-ratio:16/9)"
device-aspect-ratio

Definerer ratioet device-width/device-height for målmonitor/papir.

Prefixer "min-" og "max-" kan bruges.

Eksempel: media="screen and (aspect-ratio:16/9)"
color

Definerer antallet af bits for hver farve på målmonitoren.

Prefixer "min-" og "max-" kan bruges.

Eksempel: media="screen and (color:3)"
color-index

Definerer det målmonitors, der kan håndtere antallet af farver.

Prefixer "min-" og "max-" kan bruges.

Eksempel: media="screen and (min-color-index:256)"
monochrome

Definerer antallet af bits pr. pixel i en monokrom framebuffer.

Prefixer "min-" og "max-" kan bruges.

Eksempel: media="screen and (monochrome:2)"
resolution

Definerer målens skærm/papirs pixels density (dpi eller dpcm).

Prefixer "min-" og "max-" kan bruges.

Eksempel: media="print and (resolution:300dpi)"
scan

Definerer skanningsmetoden for tv-skærme.

Målbare værdier er: "progressive" og "interlace".

Eksempel: media="tv and (scan:interlace)"
grid

Definerer om output-enheden er et netværk eller en bitmap.

Målbare værdier: "1" repræsenterer en netværk, "0" er andet.

Eksempel: media="handheld and (grid:1)"

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

HTML <a> Tag