HTML <a> media attribute
Definition and Usage
media The attribute specifies which media or device the link document is optimized for.
This attribute is used to specify that the target URL is designed for special devices (such as iPhone), voice, or print media.
This attribute can accept multiple values.
Can only be href attribute Used when present.
Note:This attribute is purely advisory.
Example
Settings of media attribute link:
<a href="att_a_media.asp?output=print" media="print and (resolution:300dpi)"> Öppna sidan för media-attribut för utskrift </a>
Syntax
<a media="value>
Möjliga operatörer
| Operatörer | Beskrivning |
|---|---|
| and | Specificerar AND-operatorn. |
| not | Specificerar NOT-operatorn. |
| , | Specificerar OR-operatorn. |
Enhet
| Värde | Beskrivning |
|---|---|
| all | Standard. Lämplig för alla enheter. |
| aural | Röstsynthet. |
| braille | Braillefeedbackenheter. |
| handheld | Handholdna enheter (liten skärm, begränsad bandbredd). |
| projection | Projektor. |
| Förhandsgranskning av utskrift/utskriftssida. | |
| screen | Datorskärm. |
| tty | Telegraffaksimil och liknande medier som använder en likbredd teckenraster. |
| tv | TV-enheter (låg upplösning, begränsad sidoförmåga). |
Värde
| Värde | Beskrivning |
|---|---|
| width |
Specificerar bredden för mål-området. Prefixen "min-" och "max-" kan användas. Exempel: media="screen and (min-width:500px" |
| height |
Specificerar höjden för mål-området. Prefixen "min-" och "max-" kan användas. Exempel: media="screen and (max-height:700px" |
| device-width |
Specificerar bredden för mål-skärmen/papper. Prefixen "min-" och "max-" kan användas. Exempel: media="screen and (device-width:500px" |
| device-height |
Specificerar höjden för mål-skärmen/papper. Prefixen "min-" och "max-" kan användas. Exempel: media="screen and (device-height:500px" |
| orientation |
Specificerar riktningen för mål-skärmen/papper. Möjliga värden: "portrait" eller "landscape" Exempel: media="all and (orientation: landscape" |
| aspect-ratio |
Specificerar bredd/höjd ratio:n för mål-området. Prefixen "min-" och "max-" kan användas. Exempel: media="screen and (aspect-ratio:16/9" |
| device-aspect-ratio |
Specificerar ratio:n device-width/device-height för mål-skärmen/papper. Prefixen "min-" och "max-" kan användas. Exempel: media="screen and (aspect-ratio:16/9" |
| color |
Specificerar antalet bitar för varje färg på mål-skärmen. Prefixen "min-" och "max-" kan användas. Exempel: media="screen and (color:3" |
| color-index |
Specificerar det mål som skärmen kan hantera av färger. Prefixen "min-" och "max-" kan användas. Exempel: media="screen and (min-color-index:256" |
| monochrome |
Definiera antalet bitar per pixel i en monokrom framebuffer. Prefixen "min-" och "max-" kan användas. Exempel: media="screen and (monochrome:2)" |
| resolution |
Definiera måltillverkarens/papperets pixeldensitet (dpi eller dpcm). Prefixen "min-" och "max-" kan användas. Exempel: media="print and (resolution:300dpi)" |
| scan |
Definiera skanningsmetoden för tv-skärmar. Möjliga värden är: "progressive" och "interlace". Exempel: media="tv and (scan:interlace)" |
| grid |
Definiera om utdataenheten är ett nätverk eller en bitmapp. Möjliga värden: "1" representerar nätverk, "0" är andra. Exempel: media="handheld and (grid:1)" |
Webbläsarstöd
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Stöd | Stöd | Stöd | Stöd | Stöd |
