Пример
Используйте атрибут media, чтобы указать, для какого носителя/устройства оптимизирован целевой URL адрес:
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Солнце"
href="sun.htm" media="screen and (min-color-index:256)">
</map>
Попробуйте сами »
Определение: Тег <area> атрибут media
Тег <area> в HTML имеет атрибут media определяет, для какого носителя/устройства оптимизирован целевой URL адрес.
Атрибут media используется для указания того , что URL адрес предназначен для специальных устройств (например, iPhone), речевых или печатных носителей.
Атрибут media может принимать несколько значений.
Атрибут media используется только в том случае, если присутствует атрибут href.
Примечание: Атрибут media носит чисто рекомендательный характер.
Поддержка: Тег <area> атрибут media
| Атрибут | |||||
|---|---|---|---|---|---|
| media | Да | Да | Да | Да | Да |
Синтаксис: Тег <area> атрибут media
<area media="value">
Операторы: Тег <area> атрибут media
| Значение | Описание |
|---|---|
| and | Определяет оператора AND |
| not | Определяет оператора NOT |
| , | Определяет оператора OR |
Устройства: Тег <area> атрибут media
| Значение | Описание |
|---|---|
| all | По умолчанию. Подходит для всех устройств |
| aural | Синтезатор речи |
| braille | Устройства обратной связи по Брайлю |
| handheld | Портативные устройства (маленький экран, ограниченная пропускная способность) |
| projection | Проекторы |
| Режим предварительного просмотра печати/печатные страницы | |
| screen | Экран компьютера |
| tty | Телетайпы и аналогичные носители информации, использующие сетку символов фиксированного шага |
| tv | Устройства телевизионного типа (низкое разрешение, ограниченная возможность прокрутки) |
Значения: Тег <area> атрибут media
| Значение | Описание |
|---|---|
| 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 | Указывает способ сканирования телевизионного дисплея. Possible values are "progressive" and "interlace". Пример: media="tv and (scan:interlace)" |
| grid | Указывает, является ли устройство вывода сеткой или растровым изображением. Возможные значения для сетки "1", иначе "0" . Пример: media="handheld and (grid:1)" |