Najnowsze tutoriale tworzenie stron internetowych
 

HTML <link> media Attribute

<HTML <link> tag

Przykład

Dwa różne arkusze stylów dla dwóch różnych typów nośników (ekran i drukowanymi literami):

<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
Spróbuj sam "

Definicja i Wykorzystanie

media atrybut określa, co media / urządzenie zasób docelowy jest zoptymalizowany pod kątem.

Atrybut ten jest stosowany głównie z arkuszy stylów CSS, aby określić różne style dla różnych typów nośników.

media atrybut może przyjmować kilka wartości.


Pomoc Browser

Atrybut
media tak tak tak tak tak

Różnice między HTML 4.01 i HTML5

media atrybut obsługuje teraz więcej wartości.


Składnia

<link media="value">

możliwe Operators

Wartość Opis
and Określa operatora AND
not Określa operator nie
, Określa operatora lub

Pomysłowość

Wartość Opis
all Zaniedbanie. Nadaje się do wszystkich urządzeń
aural syntezatory mowy
braille Braille urządzenia feedback
handheld Urządzenia przenośne (mały ekran, ograniczona przepustowość)
projection projektory
print Print Preview Mode / wydrukowanych stron
screen ekrany komputerowe
tty Dalekopisów i podobnych mediów używających siatki znaków stałym skoku
tv urządzenia typu Telewizor (niska rozdzielczość, umiejętność ograniczona przewijania)

wartości

Wartość Opis
width Określa szerokość obszaru docelowego wyświetlacza.
"min-" i "max-" prefiksy mogą być użyte.
Przykład: media="screen and (min-width:500px)"
height Określa wysokość docelowego obszaru wyświetlania.
"min-" i "max-" prefiksy mogą być użyte.
Przykład: media="screen and (max-height:700px)"
device-width Określa szerokość docelowej wyświetlacza / papieru.
"min-" i "max-" prefiksy mogą być użyte.
Przykład: media="screen and (device-width:500px)"
device-height Określa wysokość docelowego wyświetlacza / papieru.
"min-" i "max-" prefiksy mogą być użyte.
Przykład: media="screen and (device-height:500px)"
orientation Określa orientację docelowego wyświetlacza / papieru.
Możliwe wartości: "portrait" lub "landscape"
Przykład: media="all and (orientation: landscape)"
aspect-ratio Określa stosunek szerokość / wysokość docelowego obszaru wyświetlania.
"min-" i "max-" prefiksy mogą być użyte.
Przykład: media="screen and (aspect-ratio:16/9)"
device-aspect-ratio Określa stosunek szerokości urządzenia / urządzeń, wysokość docelowego wyświetlacza / papieru.
"min-" i "max-" prefiksy mogą być użyte.
Przykład: media="screen and (aspect-ratio:16/9)"
color Określa bitów na kolor wyświetlacza docelowego.
"min-" i "max-" prefiksy mogą być użyte.
Przykład: media="screen and (color:3)"
color-index Określa liczbę kolorów wyświetlacz cel może obsłużyć.
"min-" i "max-" prefiksy mogą być użyte.
Przykład: media="screen and (min-color-index:256)"
monochrome Określa bity na piksel w buforze ramki monochromatycznych.
"min-" i "max-" prefiksy mogą być użyte.
Przykład: media="screen and (monochrome:2)"
resolution Określa gęstość pikseli (dpi) lub dpcm o docelowej wyświetlacza / papieru.
"min-" i "max-" prefiksy mogą być użyte.
Przykład: media="print and (resolution:300dpi)"
scan Określa metodę skanowania na ekranie TV.
Możliwe wartości to "progressive" i "interlace" .
Przykład: media="tv and (scan:interlace)"
grid Określa, czy urządzenie wyjściowe jest siatka lub bitmapy.
Możliwe są wartości "1" na ruszcie, a "0" w przeciwnym razie.
Przykład: media="handheld and (grid:1)"

<HTML <link> tag