САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Тег <area> атрибут media

❮ HTML тег <area>


Пример

Используйте атрибут 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>
Попробуйте сами »

Определение и использование

Атрибут media указывает, для какого носителя/устройства оптимизирован целевой URL адрес.

Этот атрибут используется для указания того , что URL адрес предназначен для специальных устройств (например, iPhone), речевых или печатных носителей.

Этот атрибут может принимать несколько значений.

Используется только в том случае, если присутствует атрибут href.

Примечание: Этот атрибут носит чисто рекомендательный характер.


Поддержка браузеров

Атрибут
media Да Да Да Да Да

Синтаксис

<area media="value">


Возможные операторы

Значение Описание
and Определяет оператора AND
not Определяет оператора NOT
, Определяет оператора OR

Устройства

Значение Описание
all По умолчанию. Подходит для всех устройств
aural Синтезатор речи
braille Устройства обратной связи по Брайлю
handheld Портативные устройства (маленький экран, ограниченная пропускная способность)
projection Проекторы
print Режим предварительного просмотра печати/печатные страницы
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 Задает отношение ширины устройства/высоты устройства целевого дисплея/бумаги.
"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)"

❮ HTML тег <area>