Главная или честный способ заработка в сети Зачем мне это? Всё начинается с идеи

Подключение таблиц стилей для различных устройств

Для различных устройств можно подключить свою таблицу стилей. Делается это следующим образом: к html-документу подключается несколько таблиц стилей и для каждой из них прописывается тип устройства (медиа-тип). Существует 10 медиа-типов:

  1. all – таблица стилей применяется для всех типов медиа, является значение по умолчанию;
  2. aural – таблица применяется для синтезаторов речи;
  3. braille – используется для устройств чтения символов Брайля (цифровые устройства для слепых людей );
  4. embossed – таблица стилей применяется для устройств печати символов Брайля;
  5. handheld – таблица для портативных устройств (смартфонов, кпк);
  6. print – таблица для устройств печати (принтеров, МФУ);
  7. projection – используется для демонстрации с помощью проекторов;
  8. screen – используется для отображения информации на экране монитора;
  9. tty – для показа на устройствах с фиксированным размером символов (терминалы и прочие);
  10. tv – для показа на экране телевизора

Посмотрим, как вставляются такие таблицы в html-код:


 
  Подключение таблиц стилей для различных устройств.
  
  
 
 
...
 

Выше мы видим подключение основной таблицы стили с названием style.css и таблицы для устройств печати print.css. В атрибут media можно вставить одновременно несколько значений, например media="projection, tv". В этом случае таблица стилей будет подключаться, если веб-страница будет отображаться при помощи проектора или на экране телевизора.


<<Предыдущая | В раздел | Следующая>>