Стандарты названий css классов и id

Обозначающие расположение.
При создании Web-страниц необходимо определять названия контейнеров на странице указывающие на расположение контейнера. Вот очень хорошие название классов:

* top-panel
* horizontal-nav
* left-side
* center-column
* right-col

Все эти названия валидны для использования в CSS и XHTML. Они являются простыми и четко описывают расположение контейнера и выполняют свою миссию - идентифицируют элемент страницы.

Главная проблема таких названий состоит в том, что они ссылаются на позицию размещения элемента на странице и могут быть несоответствующими и запутывающими если элемент разместить в другом месте страницы.
Структурные (описывающие действия).
Структурные названия классов создаются для того, чтоб описать действие для которого предназначен контейнер.

* branding
* main-nav
* subnav
* main-content
* sidebar

Эти названия являются не менее понятными, чем обозначающие расположение. Но в отличии от обозначающих расположение, структурные названия описывают действие класса, а не местоположение. Структурное обозначение названий классов устраняет беспорядок, если изменить положение контейнера, так как они не связаны с местоположением на странице.
Общие названия.
Проанализировав названия CSS большого количества сайтов, мы выбрали названия которые очень часто встречались в разных сайтах. Вот самые общие названия классов:

* header
* content
* nav
* sidebar
* sidebar

Можно с уверенностью сказать, что эти названия стали неким "стандартом названий классов", так как приминение этих названий можно встретить практически на всех современных сайтах. Очень сложно переоценить важность общих названий классов, так как использование стандартизированных названий облегчает поиск и обновление общих элементов на разных сайтах, что позволяет создать устоявшуюся структуру для создания сайтов.
Оригинал статьи css справочники
15:56 14.12.2016



Отзывы и комментарии
Ваше имя (псевдоним):
Проверка на спам:
* 1. Выберите правильный вариант:
* 2. Введите ответ цифрами: пять плюс два равно


Как быстро выучить английский язык?

Как быстро выучить английский яз...

Результаты опроса работодателей в России указывают на то, что они даже в условиях кризиса готовы предложить потенциальным соискателям, хорошо владеющим английским языком, зарплату на 30−35% выше...
Мой путь в эзотерику

Мой путь в эзотерику

В жизни, у каждого из нас, бывают Моменты Истины. Когда жестко стоит вопрос: - Быть или, Не быть. Когда приходиться делать Выбор. … Останешься ты человеком, или превратишься в безвольное существ...
Английское образование

Английское образование

Английское образование – открытая система для всех. Это утверждение не является голословным. Дипломы образовательных учреждений Англии высоко котируются в большинстве стран мира. Ведущие политики, би...
Кому подчинялось военное духовенство в Российской империи?

Кому подчинялось военное духовен...

Создавая регулярную армию и флот, Петр I ввел в войсках штатные должности военных священников. Эти священнослужители находились на государственной службе и получали денежное довольствие наравне с млад...
Жениться по любви не может ни один король? Тайный брак

Жениться по любви не может ни од...

Братья Барбары Радзивилл, возлюбленной короля Польши и великого князя Литовского Сигизмунда II Августа, потребовали от влюбленного монарха прекратить встречи, бросающие тень на честь их сестры, а...
Как укрепить свой организм с помощью воды?

Как укрепить свой организм с пом...

Обыкновенная вода — огромная сила. Благодаря её чудесным свойствам можно не только закалить свой организм, но и омолодить, получить заряд бодрости, расслабиться. Как это правильно сделать? ...
Туризм и ПутешествияЭкономические статьиДом, семья, детиТехнические статьиЕда, рецептыМедицина и здоровьеОбучениеОбустройство бытаКомпьютеры и СвязьКультура, искусство, история
Интересное:

Новости развития информационнного портала:

Наш сайт является ресурсом, который включает в себя широкий каталог познавательных и занимательных статей. Каждый посетитель отыщет для себя что-нибудь нужное. Адаптированный дизайн дает возможность вам максимально быстро находить подходящую информацию. Самые разнообразные тематические статьи дают возможность вам совершенствоваться в той или иной сфере. Быть более начитанным и грамотным. Современный дизайн сайта позволяет просматривать статьи на всех гаджетах. Теперь найти нужную информацию стало просто.

Мы собрали для вас полезные и отличные статьи. На нашем сайте вы найдете ответы на необходимые для вас вопросы. Упрощенная система поиска позволяет вам мгновенно отыскать нужную информацию. Адаптированный дизайн позволяет вам просматривать информацию на абсолютно любых гаджетах. Теперь, поиск подходящей информации будет занимать у вас секунды.