HTML <area> media ominaisuus
Määrittely ja käyttö
media
Ominaisuus määrittää, minkä median tai laitteiston mukaan linkitetty dokumentti on optimoitu.
Tämä ominaisuus käytetään määrittämään, onko kohde-URL suunniteltu erityisille laitteille (kuten iPhone), äänelle tai painetulle medialle.
Tämä ominaisuus voi hyväksyä useita arvoja.
Vain olemassa olevassa href-ominaisuus aikana käytetään.
Huomaa:Tämä ominaisuus on pelkästään suositteluinen.
Esimerkki
Käytä media-ominaisuutta määrittääksesi kohde-URL:n optimoidun median tai laitteiston:
<map name="planeettakartta"> <area shape="rect" coords="0,0,114,576" alt="Aurinko" href="sun.html" media="screen and (min-color-index:256)"> </map>
Syntaksi
<area media="arvo>
Mahdolliset operaattorit
Operaattorit | Kuvaus |
---|---|
and | Määrittää AND operaattorin. |
not | Määrittää NOT operaattorin. |
, | Määrittää OR operaattorin. |
Laitteet
Arvo | Kuvaus |
---|---|
all | Oletus. Soveltuu kaikkiin laitteisiin. |
aural | Äänisyntä. |
braille | Näkövammaisten palautelaitteet. |
handheld | Käsin käyttävät laitteet (pieni näyttö, rajallinen bändi). |
projection | Projektori. |
Tulostusennuste/muotoilu. | |
screen | Tietokonesäiliö. |
tty | Telegraafityyppiset laitteet ja samankaltaiset媒介, jotka käyttävät leveäleukkoista merkistöä. |
tv | TV-laitteet (alhainen tarkkuus, rajallinen sivutuskyky). |
Arvo
Arvo | Kuvaus |
---|---|
width |
Määrittää tavoitetietokoneen näyttöalueen leveyden. Voi käyttää "min-" ja "max-" префиксов. Esimerkki: media="screen and (min-width:500px)" |
height |
Määrittää tavoitetietokoneen näyttöalueen korkeuden. Voi käyttää "min-" ja "max-" префиксов. Esimerkki: media="screen and (max-height:700px)" |
device-width |
Määrittää tavoitetietokoneen/paperin leveyden. Voi käyttää "min-" ja "max-" префиксов. Esimerkki: media="screen and (device-width:500px)" |
device-height |
Määrittää tavoitetietokoneen/paperin korkeuden. Voi käyttää "min-" ja "max-" префиксов. Esimerkki: media="screen and (device-height:500px)" |
orientation |
Määrittää tavoitetietokoneen/paperin suunnan. Mahdolliset arvot: "portrait" tai "landscape" Esimerkki: media="all and (orientation: landscape)" |
aspect-ratio |
Määrittää tavoitetietokoneen näyttöalueen leveys/korkeus suhteen. Voi käyttää "min-" ja "max-" префиксов. Esimerkki: media="screen and (aspect-ratio:16/9)" |
device-aspect-ratio |
Määrittää tavoitetietokoneen/paperin device-width/device-height suhteen. Voi käyttää "min-" ja "max-" префиксов. Esimerkki: media="screen and (aspect-ratio:16/9)" |
color |
Määrittää tavoitetietokoneen jokaisen värin bittien määrän. Voi käyttää "min-" ja "max-" префиксов. Esimerkki: media="screen and (color:3)" |
color-index |
Määrittää tavoitetietokoneen kykynä käsittelemään värejä. Voi käyttää "min-" ja "max-" префиксов. Esimerkki: media="screen and (min-color-index:256)" |
monokromaattinen |
Määritetään yksivärin ruudukkoon jokaisen kuvapisteen bittiä. Voi käyttää "min-" ja "max-" префиксов. Esimerkki: media="screen and (monochrome:2)" |
resoluutio |
Määritetään kohdennetun näyttimen/paperin kuvapiste tiheys (dpi tai dpcm). Voi käyttää "min-" ja "max-" префиксов. Esimerkki: media="print and (resolution:300dpi)" |
skannaus |
Määritetään tv-näyttöjen skannausmenetelmä. Mahdolliset arvot ovat: "progressive" ja "interlace". Esimerkki: media="tv and (scan:interlace)" |
ruudukko |
Määritetään, onko ulostulolaite ruudukko vai bittikartta. Mahdolliset arvot: "1" tarkoittaa ruudukkoa, "0" on muu. Esimerkki: media="handheld and (grid:1)" |
Selaimen tuki
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Tuki | Tuki | Tuki | Tuki | Tuki |