English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Атрибут media — это новый атрибут HTML5; в этой статье описывается использование атрибута media, онлайн примеры демонстрируют, как использовать атрибут media, совместимость браузеров, определение синтаксиса и детальная информация о значениях атрибута.
Ниже приведены ссылки, использующие атрибут media:
<a href="/tags/att-a-media.html?output=print" media="print and (resolution:300dpi)">Страница свойства printable media</a>Проверьте, как это работает ‹/›
IEFirefoxOperaChromeSafari
Все основные браузеры поддерживают атрибут media.
Атрибут media определяет, для哪种 медиа/устройства оптимизирован документ, к которому относится ссылка.
Эта атрибут используется для указания, что целевая URL предназначена для специальных устройств (например, iPhone), голосовых или печатных медиа.
Этот атрибут может принимать несколько значений.
Используйте только при наличии атрибута href.
Внимание: этот атрибут являетсяpurely advisory.
Этот атрибут является новым в HTML5.
<a 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 | Определяет соотношение ширины/высоты устройства для целевого экрана/бумаги. Могут использоваться префиксы "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)" |