Подключение таблиц стилей для различных устройств
Для различных устройств можно подключить свою таблицу стилей. Делается это следующим образом: к html-документу подключается несколько таблиц стилей и для каждой из них прописывается тип устройства (медиа-тип). Существует 10 медиа-типов:
- all – таблица стилей применяется для всех типов медиа, является значением по умолчанию;
- aural – таблица применяется для синтезаторов речи;
- braille – используется для устройств чтения символов Брайля (цифровые устройства для слепых людей);
- embossed – таблица стилей применяется для устройств печати символов Брайля;
- handheld – таблица для портативных устройств (смартфонов, кпк);
- print – таблица для устройств печати (принтеров, МФУ);
- projection – используется для демонстрации с помощью проекторов;
- screen – используется для отображения информации на экране монитора;
- tty – для показа на устройствах с фиксированным размером символов (терминалы и прочие);
- 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". В этом случае таблица стилей будет подключаться, если веб-страница будет отображаться при помощи проектора или на экране телевизора.
2012 год.