HTML <a> media egenskab
Definition og brug
media Egenskaben definerer, hvilke medier eller enheder dokumentet er optimeret til.
Denne egenskab bruges til at definere, om mål-URL'en er designet til specifikke enheder (som iPhone), tale eller trykmedier.
Denne egenskab kan acceptere flere værdier.
Kan kun href egenskab Bruges, når til stede.
Bemærk:Denne egenskab er udelukkende anbefalende.
Eksempel
Indstilte media egenskab links:
<a href="att_a_media.asp?output=print" media="print and (resolution:300dpi)"> Åbn siden med media-attributter til print. </a>
Syntaks
<a media="value>
Målbare operatorer
| Operatorer | Beskrivelse |
|---|---|
| and | Definerer AND-operatorsymbolet. |
| not | Definerer NOT-operatorsymbolet. |
| , | Definerer OR-operatorsymbolet. |
Enhed
| Værdi | Beskrivelse |
|---|---|
| all | Standard. Passer til alle enheder. |
| aural | Røvsyntese. |
| braille | Blindtastatur til feedback. |
| handheld | Håndholdte enheder (lille skærm, begrænset båndbredde). |
| projection | Projektor. |
| Printforhåndsvisningstilstand/printsider. | |
| screen | Computerskærm. |
| tty | Teleprinter og lignende medier, der bruger en breddegrads karaktergitter. |
| tv | TV-typen enheder (lav opløsning, begrænset sideomdelingsevne). |
Værdi
| Værdi | Beskrivelse |
|---|---|
| width |
Definerer bredden for målet visningsområde. Prefixer "min-" og "max-" kan bruges. Eksempel: media="screen and (min-width:500px)" |
| height |
Definerer højden for målet visningsområde. Prefixer "min-" og "max-" kan bruges. Eksempel: media="screen and (max-height:700px)" |
| device-width |
Definerer bredden for målet skærm/papir. Prefixer "min-" og "max-" kan bruges. Eksempel: media="screen and (device-width:500px)" |
| device-height |
Definerer højden for målet skærm/papir. Prefixer "min-" og "max-" kan bruges. Eksempel: media="screen and (device-height:500px)" |
| orientation |
Definerer retningen for målet skærm/papir. Målbare værdier: "portrait" eller "landscape" Eksempel: media="all and (orientation: landscape)" |
| aspect-ratio |
Definerer forholdet mellem bredden og højden for målet visningsområde. Prefixer "min-" og "max-" kan bruges. Eksempel: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio |
Definerer forholdet mellem device-width og device-height for målet skærm/papir. Prefixer "min-" og "max-" kan bruges. Eksempel: media="screen and (aspect-ratio:16/9)" |
| color |
Definerer antall bitpositioner for hver farve på målet skærm. Prefixer "min-" og "max-" kan bruges. Eksempel: media="screen and (color:3)" |
| color-index |
Definerer det antal farver, som målet skærm kan håndtere. Prefixer "min-" og "max-" kan bruges. Eksempel: media="screen and (min-color-index:256)" |
| monochrome |
Definerer antallet af bits per pixel i en monokrom framebuffer. Prefixer "min-" og "max-" kan bruges. Eksempel: media="screen and (monochrome:2)" |
| resolution |
Definerer målviserens/papirets pixels densitet (dpi eller dpcm). Prefixer "min-" og "max-" kan bruges. Eksempel: media="print and (resolution:300dpi)" |
| scan |
Definerer skanningsmetoden for tv-skærmen. Målbare værdier er: "progressive" og "interlace". Eksempel: media="tv and (scan:interlace)" |
| grid |
Definerer om output-enhed er et netværk eller en bitmap. Målbare værdier: "1" repræsenterer et netværk, "0" er andet. Eksempel: media="handheld and (grid:1)" |
Browserstøtte
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Support | Support | Support | Support | Support |
