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

---

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

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

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

---

Рекомендации для содержания принтера: ремонт и запра...

В случае если вы только собираетесь купить принтер или пользуетесь им совсем недолго, вам стоит прочесть небольшой набор рекомендаций. Именно они продлят время эксплуатации прибора и сберечь технику о...

Венеция - самое волшебное и самое красивое место на ...

Венеция – это город, где не слышно звука машин, так как этот город стоит на воде. И все здесь осталось так же, как было много столетий назад. И сейчас, как и много лет назад Венеция - это город торгов...

Отдых на Кипре, город Пафос

В данной статье я расскажу все, что знаю о городе Пафос − очень древнем городе со следами древнегреческой цивилизации. Этот город подходит для туристов, сочетающих свой отдых с осмотром местных ...

Какое постельное белье выбрать ребенку?

Вспомните свои детские ощущения (именно ощущения, а не события или происшествия), именно они передают атмосферу нашего детства. У кого-то это палитра из множества эмоций, запаха бабушкиных лекарств, р...

Вкусные рецепты: Торт-суфле «для Тоже Женщин к 8 Мар...

Торт-суфле «для Тоже Женщин к 8 Марта» :)Коржи. Яйца взбить с сахаром и ванильным сахаром до белой упругой пены, постепенно добавить просеянную муку и продолжить взбивать, пока тесто не станет однород...

Пустотелый полуторный кирпич - самый экономичный мат...

Каждый человек, который когда-либо строил дом, гараж, склад или любую другую постройку вставал перед вопросом: какой строительный материал выбрать? Кирпич, наверное, самый распространенный строительны...