HTML <a> mediaАтрибут
Тег HTML <a>Примеры
В следующем примере показана ссылка, использующая атрибут media:
Попробуйте сами »
Поддержка браузеров
Все основные браузеры поддерживают атрибут media.
Определение и использование
Атрибут media указывает, для какого типа медиа/устройства оптимизирован целевой URL.
Этот атрибут используется для указания, что целевой URL предназначен для специальных устройств (таких как iPhone), речевых или печатных носителей.
Этот атрибут может принимать несколько значений.
Его можно использовать только при наличии атрибута href.
Различия между HTML 4.01 и HTML5
Этот атрибут является новым в HTML5.
Синтаксис
Возможные операторы
| Operator | Описание |
|---|---|
| и | Указывает оператор AND. |
| not | Указывает оператор NOT. |
| , | Указывает оператор OR. |
Устройства
| Значение | Описание |
|---|---|
| all | По умолчанию. Подходит для всех устройств. |
| aural | Синтезаторы речи. |
| braille | Устройства Брайля с обратной связью. |
| handheld | Карманные устройства (маленькие экраны, ограниченная пропускная способность). |
| projection | Проекторы. |
| Режим предварительного просмотра печати / печатные страницы. | |
| экран | Экраны компьютеров. |
| 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 |
Задает соотношение device-width/device-height целевого дисплея/бумаги. Можно использовать префиксы "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)" |
| разрешение |
Указывает плотность пикселей (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)" |
Другие расширения