Пример
Используйте атрибут media, чтобы указать, для какого устройства/носителя оптимизирован целевой URL:
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Солнце"
href="sun.php" media="screen and (min-color-index:256)">
</map>
Попробуйте сами »
Определение и использование
Атрибут media указывает, для какого устройства/носителя оптимизирован целевой URL.
Этот атрибут используется для указания, что URL предназначен для специальных устройств (таких как iPhone), речи или печатных носителей.
Этот атрибут может принимать несколько значений.
Используется только если присутствует атрибут href.
Примечание: Этот атрибут носит исключительно рекомендательный характер.
Поддержка браузерами
| Атрибут | |||||
|---|---|---|---|---|---|
| media | Да | Да | Да | Да | Да |
Синтаксис
<area media="значение">
Возможные операторы
| Значение | Описание |
|---|---|
| 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 | Определяет ширину целевого дисплея/бумаги. Можно использовать префиксы "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)" |
| 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)" |