Rus
на главную "Айко Системс"

Еще раз о CSS

Рано или поздно каждый веб-разработчик понимает, что множество браузеров используемых посетителями делают разработку CSS достаточно сложной. Проблема совместимости браузеров на сегодняшний день является актуальной. И для решения данной задачи используются различные техники хакинга.

Для решения этого вопроса Kentico CMS предоставляет нам простой, эффективный и полезный подход. Каждый раз, когда система генерирует код страницы, в элемент class тега body она добавляет небольшую информацию. Эта информация представляет собой тип браузера клиента.

Например, когда мы посмотрим на исходный код страницы, предварительно открыв его браузером Internet Explorer 7, мы увидим код, похожий на этот: «body class="LTR IE7"». Если мы откроем страницу браузером Internet Explorer 9, то увидим код, похожий на этот: «body class="LTR IE9"». Когда мы посмотрим код страницы, сгенерированный системой для Firefox, он будет таким: «body class="LTR Gecko"» и так далее (см. таблицу ниже).

Как мы можем видеть, стилизация для определенного браузера теперь является не такой уж и сложной задачей. У нас отпадает необходимость использовать директиву !important, нотации и другие, подавляющие стиль техники. Нам достаточно указать класс .IE7, .IE9, .Gecko или другой, соответствующий типу браузера.

Но и это еще не все. Кроме классов, подключаемых автоматически в зависимости от типа браузера, для которого генерируется код страницы, мы можем увидеть еще кое-какую полезную информацию. Итак:

- классы направления письма языка - .RTL, .LTR используются для разделения западной (слева на право - RTL) и восточной (справа на лево - LTR) культурами;
- классы кода культуры – ENUS, RURU, FRFR и так далее. Содержат информацию о текущей культуре содержания страниц;
- класс типа браузера клиента. Как было сказано выше, этот класс генерируется системой автоматически, в зависимости типа браузера клиента;

- .IE5 – Internet Explorer 5;
- .IE6 – Internet Explorer 6;
- .IE7 – Internet Explorer 7;
- .IE8 – Internet Explorer 8;
- .IE9 – Internet Explorer 9;
- .Chrom16 – Google Chrome 16;
- Opera9 – Opera 9 - 11;
- .Gecko9 – Firefox 9;
- .Gecko10– Firefox 10;

Добавляйте свои классы в комментариях.

Опубликовано: 03.02.2012 19:28:07 Aiko Systems



Если понравился материал, нажмите на кнопочку, пожалуйста

Прокомментируйте материал