HTML <area> media ominaisuus

HTML-<a>-tagi

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>

Kokeile itse

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.
print 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

HTML-<a>-tagi