Ultimele tutoriale de dezvoltare web
 

HTML <area> media Attribute

<HTML <area> tag - ul

Exemplu

O imagine-harta, cu o zonă de clickable:

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun"
href="sun.htm" media="screen and (min-color-index:256)">
</map>
Încearcă - l singur »

Definiție și utilizare

media atribut specifica ce mass - media / dispozitiv de URL - ul țintă este optimizat pentru.

Acest atribut este folosit pentru a specifica faptul că URL - ul este proiectat pentru dispozitive speciale (like iPhone) , de vorbire sau de suporturi de imprimare.

Acest atribut poate accepta mai multe valori.

Se utilizează numai în cazul în care href atributul este prezent.

Notă: Acest atribut este pur consultativ.


Suport pentru browser-

Atribut
media Yes Yes Yes Yes Yes

Diferențe între HTML 4.01 și HTML5

media atribut este nou în HTML5.


Sintaxă

<area media=" posibile Operators
Valoare Descriere
and Specifică un operator AND
not Specifică un operator NU
, Specifică un operator sau

Dispozitive

Valoare Descriere
all Mod implicit. Potrivit pentru toate dispozitivele
aural sintetizatoare de vorbire
braille Dispozitive de feedback Braille
handheld Dispozitive portabile (small screen, limited bandwidth) de (small screen, limited bandwidth)
projection Proiectoare
print Mod de imprimare previzualizare / pagini imprimate
screen ecrane de calculator
tty Și alte mijloace media similare-terminale care utilizează o grilă de caractere cu pas fix
tv Dispozitivele de tip televiziune (low resolution, limited scroll ability) de (low resolution, limited scroll ability)

valori

Valoare Descriere
width Specifică lățimea zonei de afișare vizate.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (min-width:500px)"
height Specifică înălțimea zonei de afișare vizate. "min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (max-height:700px)" de media="screen and (max-height:700px)"
device-width Specifică lățimea țintă de afișare / hârtie.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (device-width:500px)"
device-height Specifică înălțimea țintă de afișare / hârtie.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (device-height:500px)"
orientation Specifică orientarea țintă de afișare / hârtie.
Valori posibile: "portrait" sau "landscape"
Exemplu: media="all and (orientation: landscape)"
aspect-ratio Specifică raportul lățime / înălțime a zonei vizate de afișare.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (aspect-ratio:16/9)" de media="screen and (aspect-ratio:16/9)"
device-aspect-ratio Specifică raportul dispozitiv lățime / înălțime dispozitiv de afișare țintă / hârtie.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (aspect-ratio:16/9)" de media="screen and (aspect-ratio:16/9)"
color Specifică biți per culoare de afișare țintă.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (color:3)"
color-index Specifică numărul de culori display-țintă se pot ocupa.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (min-color-index:256)"
monochrome Specifică biții per pixel într-un buffer de cadre monocrom.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (monochrome:2)"
resolution Specifică densitatea pixelilor (dpi or dpcm) a afișajului țintă / hârtie.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="print and (resolution:300dpi)"
scan Specifică metoda de scanare a unui ecran TV.
Valorile posibile sunt "progressive" și "interlace" .
Exemplu: media="tv and (scan:interlace)"
grid Specifică dacă dispozitivul de ieșire este grila sau bitmap.
Valorile posibile sunt "1" pentru grilă, și "0" în caz contrar.
Exemplu: media="handheld and (grid:1)"

<HTML <area> tag - ul