HTML представляет возможность задавать различные таблицы стилей для различных устройств (например для, графических дисплеев, телевизионных экранов, принтеров, мобильных устройств и т.д.). Для этого существует атрибут media.

Пример:

<style>
<style type="text/css" media="projection">
LI
{
 color: blue
}
</style>

<style type="text/css" media="print">
 LI { text-align: center }
</style>
</head>

На проекторе элементы списков будут отображаться зелёным цветом, а при печати – синим.

Особенно удобно при работе с различными устройствами использовать внешние таблиц стилей. При таком подходе браузер не будет загружать ненужную стилевую информацию. Это может уменьшить время загрузки страницы. Осталось только выяснить, для каких устройств можно задавать стили.

Дескрипторы носителей

Тип устройства задаётся параметром media с помощью дескрипторов носителей. Вот список распознаваемых дескрипторов носителей:

• screen - для экранов компьютеров, не разделенных на страницы.
• tty - для носителя с фиксированной сеткой для символов, таких как телетайпы, терминалы или переносные устройства с ограниченными возможностями отображения.
• tv - для устройств типа телевизора (низкое разрешение, и тд).
• projection - для проекторов.
• handheld - для мобильных (карманных) устройств (небольшой экран, растровая графика).
• print - для страничных, непрозрачных материалов и документов, просматриваемых на экране в режиме предварительного просмотра печати.
• braille - для устройств с алфавитом Бройля.
• aural - для синтезаторов речи.
• all - для всех устройств.