HTML Тег <a> атрибут media
Пример
Ссылка с атрибутом media:
<a href="att_a_media.php?output=print"
media="print and (resolution:300dpi)">
Откройте страницу атрибутов носителя для печати.</a>
Попробуйте сами »
Определение и использование
Атрибут media указывает, для какого носителя/устройства оптимизирован связанный документ.
Этот атрибут используется для указания того, что целевой URL адрес предназначен для специальных устройств (например, iPhone), речевых или печатных носителей.
Этот атрибут может принимать несколько значений.
Используется только в том случае, если присутствует атрибут href.
Примечание: Этот атрибут носит чисто рекомендательный характер.
Поддержка браузеров
| Элемент | |||||
|---|---|---|---|---|---|
| media | Да | Да | Да | Да | Да |
Синтаксис
<a media="value">
Возможные операторы
| Значение | Описание |
|---|---|
| and | Определяет оператор AND |
| not | Определяет оператор NOT |
| , | Определяет оператор OR |
Устройства
| Значение | Описание |
|---|---|
| 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 | Specifies the width of the target display/paper. "min-" и "max-" можно использовать префиксы. Пример: media="screen and (device-width:500px)" |
| device-height | Specifies the height of the target display/paper. "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)" |
