HTML <link> media egenskab

HTML <link> etiket

Definition og brug

media Egenskaben definerer, hvilket medie/enhed målressourcen er optimeret for.

media Egenskaben specificerer, på hvilket enhed dokumentet, der er linket, vil blive vist.

Denne egenskab bruges primært sammen med CSS-stilark til at specificere forskellige stilarter for forskellige medietyper.

media Egenskaben kan acceptere flere værdier.

Eksempel

To forskellige stilark til to forskellige medietyper (skærm og udskrift):

<head>
  <link rel="stylesheet" type="text/css" href="theme.css">
  <link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>

Prøv det selv

Syntaks

<link media="value>

Mulige operatorer

Operatorer Beskrivelse
and Definerer AND-operator.
not Definerer NOT-operator.
, Definerer OR-operator.

Enhed

Enhed Beskrivelse
all Standard. Bruges til alle medietyper.
print Bruges til printforespørgselstilstand/printsider.
screen Bruges til computere, tablets, smartphones osv.
speech Bruges til screenreadere til at læse sider.
aural Udgået.Voice synthesizer.
braille Udgået.Blindtastatur til feedback.
handheld Udgået.Håndholdte enheder (lille skærm, begrænset bredbånd).
projection Udgået.Projektor.
tty Udgået.Bruges til teletypemaskiner og lignende medier med fast afstand mellem tegn.
tv Udgået.TV-enheder (lav opløsning, begrænset rulningsevne).

Værdi

Værdi Beskrivelse
aspect-ratio

Definerer bredden/højden-forholdet for målområdet for skærmen.

Prefixer som "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 som "min-" og "max-" kan bruges.

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

Definerer antallet af farver, som målmonitoren kan håndtere.

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

Eksempel: media="screen and (min-color-index:256)"
device-aspect-ratio Udgået.Definerer ratioet device-width/device-height for målmonitoren/papiret.
device-width Udgået.Definerer bredden på målmonitoren/papiret.
device-height Udgået.Definerer højden på målmonitoren/papiret.
grid

Definerer om outputenheden er et gitter eller en bitmap.

Mögliche værdier: "1" repræsenterer en gitter, "0" er andet.

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

Definerer højden på målområdet for skærmen.

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

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

Definerer hvert pixels bit i monokrom framebuffer.

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

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

Fastlæggelse af retningen af målviser/papir.

Målbare værdier er: "portrait" eller "landscape".

Eksempel: media="all and (orientation: landscape)"
Opløsning

Fastlæggelse af pixelDensity (dpi eller dpcm) for målviser/papir.

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

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

Fastlæggelse af skanningsmetoden for tv-skærmen.

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

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

Fastlæggelse af bredden af målskærmens visningsområde.

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

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

Browser support

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

HTML <link> etiket