Атрибут media элемента HTML <area>

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

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

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

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

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

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

Пример

Использование атрибута media для оптимизации целевого URL для медиа/устройства:

<map name="planetmap"
  <area shape="rect" coords="0,0,114,576" alt="Sun"
  href="sun.html" media="screen and (min-color-index:256)"
</map>

Попробуйте сами

Грамматика

<area media="value>

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

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

Устройство

Значение Описание
all По умолчанию. Подходит для всех устройств.
aural Аудиосинтезатор.
braille Аппарат обратной связи для слепых.
handheld Мобильные устройства (маленькие экраны, ограниченная полоса пропускания).
projection Проектор.
print Режим предварительного просмотра печати/печатающая страница.
screen Компьютерный экран.
tty Телефонный пульт и аналогичные средства с сеткой символов фиксированной ширины.
tv Устройства типа телевизора (низкое разрешение, ограниченные возможности pagination).

Значение

Значение Описание
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)"

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка