Стандарты названий 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.Готовим пюре из тыквы:тыкву р...
Может заинтересовать

Биметаллическая проволока: поставки по все России!

ООО «Компания Демидов» имеет значительный опыт успешной деятельности на рынке изделий из...

Как рассказать ребенку о финансовых затруднениях?

Финансовый кризис, на который обыватели, да и некоторые доморощенные политики поначалу пытались не о...

Богатство

Есть жизненное правило  "Честно зарабатывай себе на жизнь" Это всегда наше Эго, которое считает возм...

Преимущества лечения в клиниках Германии

Характер лечения в Германии Одной из самых развитых стран во всех отношениях, считается - Германия. ...

Переносимость или безопасность?

Сегодня, наверное, каждый разработчик задумывался: "Не написать ли мне программу на Java? Ею много л...

Весело веселье, тяжело похмелье? Первая помощь

Забыла я уже это состояние… Давно знаю меру. Меру потребления и предосторожности. Никогда не ...

Внедрение CRM - решение всех проблем. Так ли это?

Если обратить внимание на недавние заявления, занимающихся внедрением CRM, то складывается впечатлен...

Как восстановить свои ноготки после наращивания?

Сняли свои красивые искусственные ногти, а что под ними? Если ваш мастер использовал для моделирован...

Вкусные рецепты: Салаты "УТРЕННЯЯ НЕЖНОСТЬ&qu

Салаты "УТРЕННЯЯ НЕЖНОСТЬ"№1:Порезать мелко грибочки,укладывать все слоями. Лук (не много)я брала ма...

Взрывозащищенная лампа: где купить? Читайте в наше

Наверное, всем известно, почему для монтажа освещения на производственном объекте следует использова...



О информационном портале:

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

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