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



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

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



Преимущества и недостатки одноэтажных домов из бруса

Преимущества и недостатки одноэтажных домов из бруса

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

Первая сессия тренинга: как сделать ее максимально э...

Первая сессия тренинга – это и знакомство, и определение ожиданий, и мотивация участников, и много еще чего… Это первое впечатление, от которого зависит многое, и главное – удастся ли тренинг, не об...
Завоевывать твое тело, подчинять себе

Завоевывать твое тело, подчинять себе

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

Катюша

Я был молод, привлекателен. Жил с женой в двухкомнатной квартире. У нас были хорошие отношения. Но, как часто бывает, мне чего-то не хватало. У меня в Пентиуме было много рассказов, фото и видео о сек...
Прецизионный кондиционер - Emicon

Прецизионный кондиционер - Emicon

Добрый день, дорогие читатели! В этой статье, я собираюсь рассказать о специализированном климатическом оборудовании, которое всегда остается «за кулисами», но выполняет важную функцию в т...
Типы электропровода.

Типы электропровода.

   Давайте попробуем разобраться с типами проводов и их предназначением. Электрический провод — это изолированный или неизолированный проводник электрического тока, состоящий из одной или нескольких п...
Самое интересное

О достоинствах сотового поликарбоната, где его мож

Название материала происходит от его структуры, он напоминает соты (ячейки), изготавливается в виде ...

Фитинги чугунные резьбовые из ковкого чугуна

  Более 100 лет строительные организации при монтаже трубопроводов доверяют уникальному опыту с...

Чудеса света - Тадж-Махал

Тадж Махал находится в городе Агра, расположенный в двухстах километрах к югу от Дели, что в Индии, ...

Продвижение сайта через интернет-агентства

Ни для кого не секрет, что все интернет-сайты независимо от их тематики и направленности создаются с...

Вечная молодость

Средство для похудения  "Вечная молодость".     Состав:цветки хризонтемы и...

Список литературы для детей от 8 и старше

Цель составления списка вызвана тем, что в дошкольном и младшем школьном возрасте родители достаточн...

Вкусные рецепты: маринованные голубцы, Соус "

маринованные голубцыПриготовить капустные листья как на голубцы. Натереть морковку,посолить,поперчит...

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

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

Как сохранить волосы после родов и не только?

Всем нам известно, что сразу же после родов у женщины идёт перестройка организма в исходное сос...

Районный центр Дорогобуж с великой историей открыв

Первые упоминания города были найдены в грамоте князя смоленского Ростислава, датированной 1150 годо...



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

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

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