Атрибут media
Синтаксис
HTML
XHTML
<head>
...
<link href="..."
media="[значение]">
...
</head>
Описание
Атрибут / параметр media
(от англ. "media" ‒ «медиа, носитель») указывает какие типы устройств могут использовать данный ресурс.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | 14.2.3 Header style information: the STYLE element media = media-descriptors [CI]... DTD: Transitional
Strict
Frameset
|
5.0 | 4.2.4 The link element The media attribute... |
5.1 | 4.2.4. The link element The media attribute... |
XHTML | |
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
1.1 | Extensible HyperText Markup Language |
Значения
В качестве значения указывается либо единственный дескриптор устройства (ресурс в данном случае будет предназначаться только для одного типа устройств) либо разделённый запятыми список дескрипторов устройств (ресурс в данном случае будет предназначаться для группы указанных типов устройств).
- all
- Предназначен для всех устройств.
- aural
- Предназначен для синтезаторов речи.
- braille
- Предназначен для тактильных устройств обратной связи Брайля.
- handheld
- Предназначен для портативных устройств (маленький экран, монохромный, растровая графика, ограниченная пропускная способность).
- Предназначен для страничных, непрозрачных материалов и для документов, просматриваемых на экране в режиме предварительного просмотра перед печатью.
- projection
- Предназначен для проекторов.
- screen
- Предназначен для не выгружаемых компьютерных экранов.
- tty
- Предназначен для устройств с фиксированным шагом сетки символов, таких как телетайп, терминалы или портативные устройства с ограниченными возможностями отображения.
- tv
- Предназначен для устройств вроде телевизора (низкое разрешение, цветной, ограниченные возможности прокрутки).
Значение по умолчанию: «screen
».
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр media (Элемент link)</title>
<!-- Таблица стилей используемая при печати или при предварительном просмотре перед печатью -->
<link href="../selected.css" rel="stylesheet" media="print">
</head>
<body>
<h1>Пример использования атрибута "media"</h1>
<p>В этом примере к данному файлу с помощью <span class="txtRed">технической ссылки</span> был присоединён файл со <span class="bgFEA">стилями</span>.</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр media (Элемент link)</title>
<!-- Таблица стилей используемая при печати или при предварительном просмотре перед печатью -->
<link href="../selected.css" rel="stylesheet" media="print">
</head>
<body>
<h1>Пример использования атрибута "media"</h1>
<p>В этом примере к данному файлу с помощью <span class="txtRed">технической ссылки</span> был присоединён файл со <span class="bgFEA">стилями</span>.</p>
</body>
</html>
Параметр media (Элемент link)