Стандарты названий 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



Отзывы и комментарии
Ваше имя (псевдоним):
Проверка на спам:

Введите символы с картинки:



Станок для производства сетки Рабица

Станок для производства сетки Ра...

Сетка рабица наверное самый распространенный и известный в народе тип стальной плетеной сетки. Область применения рабицы не ограничивается армированием штукатурки и бетона при строительстве. Благодаря...
Вкусные рецепты: Малиновое желе с замороженным нектарином ("Pesche in coppe con lamponi" ), желе из красной и белой смородины, САЛАТ "ЗДОРОВЬЕ"

Вкусные рецепты: Малиновое желе ...

Малиновое желе с замороженным нектарином ("Pesche in coppe con lamponi" )Добрый день! Чудесный десерт,что и говорить,попробуйте! Вино с водой и сахаром проварить в течении 2 минут. Положить в этот сир...
Доза-Агро: правильное хранение комбикормов

Доза-Агро: правильное хранение к...

Чтобы комбикорма, как можно дольше сохраняли свои полезные свойства, питательные вещества, следует их правильно хранить. В противном случае избежать порчи кормов не получится. И вы потеряете изрядную ...
Разработка ПЛАС (план локализации и ликвидации аварийных ситуаций)

Разработка ПЛАС (план локализаци...

Разработка ПЛАС обязательна для предприятий, эксплуатирующих взрывопожароопасные и химические ОПО, на которых возможны аварии, приводящие к разрушению зданий, сооружений, оборудования, поражению людей...
Дошкольное образование: скупой платит дважды?

Дошкольное образование: скупой п...

«Не хочу учиться, хочу жениться!» — так говорил своей матери Митрофанушка, знаменитый недоросль Фонвизина. Это слова, которые кто-то из нас услышит, будучи родителем подростка и...
Аудиокниги модель для сборки, и где такие найти

Аудиокниги модель для сборки, и ...

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

Развивая портал:

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

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