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

---

Ваше имя (псевдоним):

Проверка на спам:

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

---

Правила секса без комплексов

У Золушки их было всего три, у нас шесть. И в каждом из них скрывалось исполнение заветного желания, достаточно было лишь расколоть скорлупу и выпустить желание на волю. . . О сексе уже так много на...

Почему Анатолия Папанова называли совестью советског...

31 октября 1922 года, 85 лет назад, в городе Вязьма в семье рабочего Дмитрия Папанова родился сын, получивший имя Анатолий. Часть детства у будущего актера прошла в Вязьме, а в 1930 году мама уго...

Куда можно вложить деньги в интернете и заработать

Многие задавались вопросом можно ли заработать вкладывая деньги в интернете. Но также многие это делали и попадали в ситуацию с обманом и т. п. Поэтому я предлагаю никому не рисковать, а подумать по п...

Как украсить улыбку? Зубные украшения

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

Что включает в себя комплексное продвижение интернет...

В настоящее время уже недостаточно только поддерживать позиции сайтов, ценность услуг поддержания позиций начинает уступать комплексному ведению проектов. Обозначим все направления, включающие в себя ...

Вкусные рецепты: Маффины солнечные сгрецкими орехами...

Маффины солнечные сгрецкими орехами1.Смешать муку,соль,разрыхлитель и корицу.2.Взбить яйца с сахаром к ним добавить растопленное масло,туда же добавить растопленный мед.3.Готовим пюре из тыквы:тыкву р...