html тег <link> атрибут media
Атрибут media визначає, які медіа-пристрої найбільш оптимізовані для цільового ресурсу.
Цей атрибут використовується в основному для CSS стилів для визначення різних стилів для різних пристроїв.
Цей атрибут може приймати кілька значень.
Можливі оператори
- And - Вказує на оператор AND
- Not - Вказує на оператор NOT
- , - Вказує на оператор OR
Синтаксис
<link media="value">Атрибут media може отримувати 22 значень:
-
all -
Без задання. Підходить для всіх пристроїв.
автор: NagarD -
aural -
Синтезатори мови.
автор: NagarD -
braille -
Пристрої зворотного зв’язку Брайля.
автор: NagarD -
handheld -
Кишенькові пристрої (маленький екран, обмежена пропускна здатність).
автор: NagarD -
projection -
Проектори.
автор: NagarD -
print -
Для друку.
автор: NagarD -
screen -
Для екранів комп’ютерів.
автор: NagarD -
tty -
Телетайпи та аналогічні методи ЗМІ з використанням сітки символів із фіксированим кроком.
автор: NagarD -
tv -
Для пристроїв ТВ-телебачення.
автор: NagarD -
width -
Визначає ширину цільової області відображення. «Min-» і «Max-» префікси можуть бути використані. Приклад: media="screen and (min-width:500px)".
автор: NagarD -
height -
Визначає висоту цільової області дисплея. «Min-» і «Max-» префікси можуть бути використані. Приклад: media="screen and (max-height:700px)".
автор: NagarD -
device-width -
Визначає ширину цільового відображення/паперу. «Min-» і «Max-» префікси можуть бути використані. Приклад: media="screen and (device-width:500px)".
автор: NagarD -
device-height -
Вказує висоту цільового відображення / паперу. «Min-» і «Max-» префікси можуть бути використані. Приклад: media="screen and (device-height:500px)".
автор: NagarD -
orientation -
Визначає орієнтацію цільового відображення/паперу. Можливі значення: "portrait" або "landscape" Приклад: media="all and (orientation: landscape)".
автор: NagarD -
aspect-ratio -
Визначає співвідношення ширина/висота цільової області дисплея. «Min-» і «Max-» префікси можуть бути використані. Приклад: media="screen and (aspect-ratio:16/9)".
автор: NagarD -
device-aspect-ratio -
Задає співвідношення ширини_пристрою/висоти_пристрою цільового дисплея/паперу. «Min-» і «Max-» префікси можуть бути використані. Приклад: media="screen and (aspect-ratio:16/9)".
автор: NagarD -
color -
Визначає кількість біт на колір цільового дисплея. «Min-» і «Max-» префікси можуть бути використані. Приклад: media="screen and (color:3)".
автор: NagarD -
color-index -
Визначає кількість кольорів цільового дисплея який він може обробляти. «Min-» і «Max-» префікси можуть бути використані. Приклад: "screen and (min-color-index:256)".
автор: NagarD -
monochrome -
Задає кількусть бітів на піксель в буфері кадру монохромних зображень. «Min-» і «Max-» префікси можуть бути використані. Приклад: media="screen and (monochrome:2)".
автор: NagarD -
resolution -
Визначає щільність пікселів (точок на дюйм або точок на сантиметр) цільового відображення/паперу. «Min-» і «Max-» префікси можуть бути використані. Приклад: media="print and (resolution:300dpi)".
автор: NagarD -
scan -
Визначає метод сканування на екрані телевізора. Можливі значення: "progressive" і "interlace". Приклад: media="tv and (scan:interlace)".
автор: NagarD -
grid -
Вказує, якщо пристрій виведення це сітка або растрове зображення. Можливі значення: "1" для сітки, і "0" в іншому випадку. Приклад: media="handheld and (grid:1)".
автор: NagarD
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| Так | Так | Так | Так | Так |
Мобільних переглядачів ще не додано.
Приклади
+ запропонувати свій приклад у пісочниці
Перший стиль діє всюди — абзац синій; другий підключається лише в друці: відкрий попередній перегляд друку, і абзац стане чорним курсивом.
<link rel="stylesheet" href="data:text/css,p%7Bcolor:%230172ad%7D">
<link rel="stylesheet" href="data:text/css,p%7Bcolor:black;font-style:italic%7D" media="print">
<p>На екрані я синій, у друці — чорний курсив.</p>Різниця між HTML 4.01 та HTML5
Атрибут media став мати більше значень.
Різниця між XHTML та HTML
Коментарі
Коментарів ще немає — будьте першим!