пример
Ссылка с media - атрибута:
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
Попробуй сам " Определение и использование
media атрибут определяет , какие средства массовой / устройство связанный документ оптимизирован для.
Этот атрибут используется для указания того, что целевой URL предназначен для специальных устройств (например, iPhone), речи или печатных средств массовой информации.
Этот атрибут может принимать несколько значений.
Используется только если href атрибут присутствует.
Примечание: Этот атрибут является чисто консультативным.
Поддержка браузеров
| Элемент | ||||||
|---|---|---|---|---|---|---|
| media | да | да | да | да | да | да |
Отличия между HTML 4.01 и HTML5
media атрибут является новым в HTML5.
Синтаксис
<a media="value">
Возможные операторы
| Стоимость | Описание |
|---|---|
| and | Задает AND оператор |
| not | Задает NOT оператор |
| , | Определяет OR оператора |
приборы
| Стоимость | Описание |
|---|---|
| all | По умолчанию. Подходит для всех устройств |
| aural | синтезаторов речи |
| braille | Брайля устройства обратной связи |
| handheld | Портативные устройства (маленький экран, ограниченная пропускная способность) |
| projection | Проекторы |
| Печать Режим предварительного просмотра / печатные страницы | |
| 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-" префиксы могут быть использованы. Пример: средства массовой информации = "экран и (цвет: 3)" |
| color-index | Определяет количество цветов целевого дисплея может обрабатывать. "min-" и "max-" префиксы могут быть использованы. Пример: media="screen and (min-color-index:256)" |
| monochrome | Задает бит на пиксель в буфере кадра монохромный. "min-" и "max-" префиксы могут быть использованы. Пример: media="screen and (monochrome:2)" |
| resolution | Определяет плотность пикселей (точек на дюйм или ДИКМ) целевого отображения / бумаги. "min-" и "max-" префиксы могут быть использованы. Пример: media="print and (resolution:300dpi)" |
| scan | Определяет метод сканирования на экране телевизора. Возможные значения "progressive" и "interlace" . Пример: СМИ = "ТВ и (сканирование: с чересстрочной разверткой)" |
| grid | Указывает, если устройство вывода сетки или растрового изображения. Возможные значения: "1" для сетки, и "0" в противном случае. Пример: media="handheld and (grid:1)" |