HTML <area> media-attribut
Definition och användning
media Egenskapen specificerar vilket medium eller enhet som dokumentet som länkas till är optimerat för.
Denna egenskap används för att specificera att mål-URL:n är designad för specifika enheter (t.ex. iPhone), röst eller tryckmedier.
Denna egenskap kan acceptera flera värden.
endast när href-attributet vid användning.
Observera:Denna egenskap är endast rekommenderande.
Exempel
Använd media-attributet för att specificera vilket medium eller enhet som mål-URL:n optimeras för:
<map name="planetmap"> <area shape="rect" coords="0,0,114,576" alt="Solen" href="sun.html" media="screen and (min-color-index:256)" </map>
Syntax
<area media="value>
Möjliga operatörer
| Operatörer | Beskrivning |
|---|---|
| and | Definierar AND-operatorn. |
| not | Definierar NOT-operatorn. |
| , | Definierar OR-operatorn. |
Enhet
| Värde | Beskrivning |
|---|---|
| all | Standard. Lämplig för alla enheter. |
| aural | Röstgenerator. |
| braille | Braillefeedbackenheter. |
| handheld | Handhållna enheter (liten skärm, begränsad bandbredd). |
| projection | Projektor. |
| Förhandsgranskning av utskrift/skrivsida. | |
| screen | Datorskärm. |
| tty | Telegraffax och liknande medier som använder en bred karaktärsraster. |
| tv | TV-enheter ( låg upplösning, begränsad sidoförmåga). |
Värde
| Värde | Beskrivning |
|---|---|
| width |
Definierar bredden för mål visningsområde. Kan använda prefixet "min-" och "max-". Exempel: media="screen and (min-width:500px)" |
| height |
Definierar höjden för mål visningsområde. Kan använda prefixet "min-" och "max-". Exempel: media="screen and (max-height:700px)" |
| device-width |
Definierar bredden för mål skärmen/papper. Kan använda prefixet "min-" och "max-". Exempel: media="screen and (device-width:500px)" |
| device-height |
Definierar höjden för mål skärmen/papper. Kan använda prefixet "min-" och "max-". Exempel: media="screen and (device-height:500px)" |
| orientation |
Definierar riktningen för mål skärmen/papper. Möjliga värden: "portrait" eller "landscape" Exempel: media="all and (orientation: landscape)" |
| aspect-ratio |
Definierar bredd/höjd för mål visningsområde. Kan använda prefixet "min-" och "max-". Exempel: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio |
Definierar förhållandet mellan device-width och device-height för mål skärmen/papper. Kan använda prefixet "min-" och "max-". Exempel: media="screen and (aspect-ratio:16/9)" |
| color |
Definierar antalet bitar för varje färg på mål skärmen. Kan använda prefixet "min-" och "max-". Exempel: media="screen and (color:3)" |
| color-index |
Definierar det mål som skärmen kan hantera med färger. Kan använda prefixet "min-" och "max-". Exempel: media="screen and (min-color-index:256)" |
| monochrome |
Bestämmer antalet bitar per pixel i monokrom ramkassar. Kan använda prefixet "min-" och "max-". Exempel: media="screen and (monochrome:2)" |
| resolution |
Bestämmer måltillverkarens/papperets bild密度 (dpi eller dpcm). Kan använda prefixet "min-" och "max-". Exempel: media="print and (resolution:300dpi)" |
| scan |
Bestämmer skanningsmetoden för tv-skärmar. Möjliga värden är: "progressive" och "interlace". Exempel: media="tv and (scan:interlace)" |
| grid |
Bestämmer 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 |
