Ultimele tutoriale de dezvoltare web
 

HTML <link> media Attribute

<HTML <link> tag

Exemplu

Două foi de stil diferite pentru două tipuri de suporturi diferite (screen and print) :

<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
Încearcă - l singur »

Definiție și utilizare

media atribut specifica ce mass - media / dispozitiv resursa țintă este optimizat pentru.

Acest atribut este folosit mai ales cu CSS stylesheet pentru a specifica stiluri diferite pentru diferite tipuri de media.

media atribut poate accepta mai multe valori.


Suport pentru browser-

Atribut
media da da da da da

Diferențe între HTML 4.01 și HTML5

media Atributul suportă acum mai multe valori.


Sintaxă

<link 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 <link> tag