Типы устройств

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

Объявления в следующем примере применяются к элементам H1. При показе на проекторе во время встречи все экземпляры будут отображаться синим цветом. При печати они будут отцентрированы.

<HEAD>

<STYLE type="text/css" media="projection">

H1 { color: blue}

</STYLE>

<STYLE type="text/css" media="print">

H1 { text-align: center }

</STYLE>

Этот пример добавляет звуковые эффекты для устройства речевого вывода:

<STYLE type="text/css" media="aural">

A { cue-before: uri(bell.aiff); cue-after: uri(dong.wav)}

</STYLE>

</HEAD>

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

Внешние таблицы стилей

Авторы могут отделять таблицы стилей от документов HTML. Это дает следующие преимущества:

· Авторы и менеджеры Web-сайтов могут совместно использовать таблицы стилей в ряде документов (и сайтов).

· Авторы могут изменять таблицы стилей без изменения документа.

· Агенты пользователей могут загружать таблицы стилей выборочно (в зависимости от описаний устройств).


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: