HTML <a> media атрибут
Определение и использование
media Атрибут определяет, для哪种 медиа или устройства оптимизирован документ ссылки.
Атрибут определяет, для哪种 медиа или устройства оптимизирован документ ссылки.
Этот атрибут используется для определения того, был ли URL нацелен на особое устройство (например, iPhone), голос или печатные материалы.
Он может принимать несколько значений. href атрибут Используется при наличии.
Внимание:Этот атрибут носит рекомендательный характер.
Пример
Установлен link media атрибут:
<a href="att_a_media.asp?output=print" media="print and (resolution:300dpi)"> Откройте страницу свойств media для печати </a>
Грамматика
<a media="value>
Возможные операторы
| Операторы | Описание |
|---|---|
| and | определяет оператор AND. |
| not | определяет оператор NOT. |
| , | определяет оператор OR. |
Устройство
| Значение | Описание |
|---|---|
| all | По умолчанию. Подходит для всех устройств. |
| aural | Аудиосинтезатор. |
| braille | Устройства для шрифта Braille. |
| handheld | Мобильные устройства (маленькие экраны, ограниченная полоса пропускания). |
| projection | Проектор. |
| Предварительный просмотр печати/печать страницы. | |
| screen | Компьютерный экран. |
| tty | Telegraph key и другие媒介, использующие сетку из одинарных символов. |
| 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)" |
Поддержка браузеров
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Поддержка | Поддержка | Поддержка | Поддержка | Поддержка |
