Атрибут 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 | Проектор. |
| Режим предварительного просмотра печати/печатающая страница. | |
| 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 |
| Поддержка | Поддержка | Поддержка | Поддержка | Поддержка |
