Пример
Ссылка с атрибутом media:
<a href="att_a_media.php?output=print"
media="print and (resolution:300dpi)">
Открыть страницу с атрибутом media для печати.</a>
Попробуйте сами »
Определение и использование
Атрибут media указывает, для каких устройств или носителей оптимизирован связанный документ.
Этот атрибут используется для указания, что целевой URL предназначен для специальных устройств (таких как iPhone), речевых или печатных носителей.
Этот атрибут может принимать несколько значений.
Используется только при наличии атрибута href.
Примечание: Этот атрибут носит исключительно рекомендательный характер.
Поддержка браузерами
| Элемент | |||||
|---|---|---|---|---|---|
| media | Да | Да | Да | Да | Да |
Синтаксис
<a media="значение">
Возможные операторы
| Значение | Описание |
|---|---|
| and | Определяет оператор И |
| not | Определяет оператор НЕ |
| , | Определяет оператор ИЛИ |
Устройства
| Значение | Описание |
|---|---|
| all | По умолчанию. Подходит для всех устройств |
| aural | Речевые синтезаторы |
| braille | Устройства с брайлевским выводом |
| handheld | Портативные устройства (маленький экран, ограниченная пропускная способность) |
| projection | Проекторы |
| Режим предварительного просмотра печати/печатные страницы | |
| screen | Экраны компьютеров |
| tty | Телетайпы и аналогичные носители, использующие сетку символов фиксированного шага |
| tv | Устройства телевизионного типа (низкое разрешение, ограниченная возможность прокрутки) |
Значения
| Значение | Описание |
|---|---|
| width | Задает ширину целевой области отображения. Можно использовать префиксы "min-" и "max-". Пример: media="screen and (min-width:500px)" |
| height | Задает высоту целевой области отображения. Можно использовать префиксы "min-" и "max-". Пример: media="screen and (max-height:700px)" |
| device-width | Задает ширину целевого дисплея/бумаги. Можно использовать префиксы "min-" и "max-". Пример: media="screen and (device-width:500px)" |
| device-height | Задает высоту целевого дисплея/бумаги. Можно использовать префиксы "min-" и "max-". Пример: media="screen and (device-height:500px)" |
| orientation | Задает ориентацию целевого дисплея/бумаги. Возможные значения: "portrait" (портретная) или "landscape" (альбомная) Пример: media="all and (orientation: landscape)" |
| aspect-ratio | Задает соотношение ширины к высоте целевой области отображения. Можно использовать префиксы "min-" и "max-". Пример: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio | Задает соотношение ширины устройства к высоте устройства целевого дисплея/бумаги. Можно использовать префиксы "min-" и "max-". Пример: media="screen and (aspect-ratio:16/9)" |
| color | Задает количество бит на цвет целевого дисплея. Можно использовать префиксы "min-" и "max-". Пример: media="screen and (color:3)" |
| color-index | Задает количество цветов, которые может обработать целевой дисплей. Можно использовать префиксы "min-" и "max-". Пример: media="screen and (min-color-index:256)" |
| monochrome | Задает количество бит на пиксель в монохромном буфере кадров. Можно использовать префиксы "min-" и "max-". Пример: media="screen and (monochrome:2)" |
| resolution | Задает плотность пикселей (dpi или dpcm) целевого дисплея/бумаги. Можно использовать префиксы "min-" и "max-". Пример: media="print and (resolution:300dpi)" |
| scan | Задает метод развертки телевизионного дисплея. Возможные значения: "progressive" (прогрессивная) и "interlace" (чересстрочная). Пример: media="tv and (scan:interlace)" |
| grid | Определяет, является ли устройство вывода сеточным или растровым. Возможные значения: "1" для сеточного, и "0" в противном случае. Пример: media="handheld and (grid:1)" |