Пример
Ссылка с атрибутом media:
<a href="att_a_media.php?output=print"
media="print and (resolution:300dpi)">
Откройте страницу атрибутов носителя для печати.</a>
Попробуйте сами »
Определение: Тег <a> атрибут media
Тег <a> в HTML имеет атрибут media определяет, для какого носителя/устройства оптимизирован связанный документ.
Атрибут media используется для указания того, что целевой URL адрес предназначен для специальных устройств (например, iPhone), речевых или печатных носителей.
Атрибут media может принимать несколько значений.
Атрибут media используется только в том случае, если присутствует атрибут href.
Примечание: Атрибут media носит чисто рекомендательный характер.
Поддержка: Тег <a> атрибут media
| Элемент | |||||
|---|---|---|---|---|---|
| media | Да | Да | Да | Да | Да |
Синтаксис: Тег <a> атрибут media
<a media="value">
Возможные операторы: Тег <a> атрибут media
| Значение | Описание |
|---|---|
| and | Определяет оператор AND |
| not | Определяет оператор NOT |
| , | Определяет оператор OR |
Устройства: Тег <a> атрибут media
| Значение | Описание |
|---|---|
| all | По умолчанию. Подходит для всех устройств |
| aural | Синтезатор речи |
| braille | Устройства обратной связи по Брайлю |
| handheld | Портативные устройства (маленький экран, ограниченная пропускная способность) |
| projection | Проекторы |
| Режим предварительного просмотра печати/печатные страницы | |
| screen | Экран компьютера |
| tty | Телетайпы и аналогичные носители информации, использующие сетку символов фиксированного шага |
| tv | Устройства телевизионного типа (низкое разрешение, ограниченная возможность прокрутки) |
Значения: Тег <a> атрибут media
| Значение | Описание |
|---|---|
| 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)" |