Подключение таблиц стилей для различных устройств
Для различных устройств можно подключить свою таблицу стилей. Делается это следующим образом: к html-документу подключается несколько таблиц стилей и для каждой из них прописывается тип устройства (медиа-тип). Существует 10 медиа-типов:
- all – таблица стилей применяется для всех типов медиа, является значение по умолчанию;
- aural – таблица применяется для синтезаторов речи;
- braille – используется для устройств чтения символов Брайля (цифровые устройства для слепых людей );
- embossed – таблица стилей применяется для устройств печати символов Брайля;
- handheld – таблица для портативных устройств (смартфонов, кпк);
- print – таблица для устройств печати (принтеров, МФУ);
- projection – используется для демонстрации с помощью проекторов;
- screen – используется для отображения информации на экране монитора;
- tty – для показа на устройствах с фиксированным размером символов (терминалы и прочие);
- tv – для показа на экране телевизора
Посмотрим, как вставляются такие таблицы в html-код:
...
Выше мы видим подключение основной таблицы стили с названием style.css и таблицы для устройств печати print.css. В атрибут media можно вставить одновременно несколько значений, например media="projection, tv". В этом случае таблица стилей будет подключаться, если веб-страница будет отображаться при помощи проектора или на экране телевизора.