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

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

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

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

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

<html>
 <head>
  <title>Подключение таблиц стилей для различных устройств.</title>
  <link href="style.css" type="text/css" rel="stylesheet">
  <link href="print.css" type="text/css" rel="stylesheet" media="print">
 </head>
 <body>
...
 </body>
</html>

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


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