Стандарты названий 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 справочники
21:59 24.03.2017



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

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



Как возникают душевные заболевания?

Как возникают душевные заболевания?

Душевное равновесие человека можно сравнить с озоновым слоем атмосферы. Из космоса он подвергается постоянному воздействию активных солнечных излучений и метеоритов, а изнутри его подтачивают вредные ...
Почему деградируют мужчины?

Почему деградируют мужчины?

«Мужчины вырождаются как вид! Скоро женщины возьмут все в свои руки! Грядет матриархат!» Как вы относитесь к подобным высказываниям? Почему-то у меня они вызывают отрицательные эмоции. Это...
Канцтовары - маленькая подробность большого успеха

Канцтовары - маленькая подробность большого успеха

Надо полагать, самым далеким предком карандаша и ручки была головешка от костра – этим рисовали еще наскальные рисунки наши предки. А первой уже довольно оформленной канцелярской принадлежностью стал...
«Бобрик», «ёжик», «каре»: как вас постричь?

«Бобрик», «ёжик», «каре»: как вас постричь?

Фасоны объемных стрижек «бобрик», «ежик» и «каре» очень похожи. Как правило, это короткие прически, различающиеся только формой отдельных участков. Для выполн...
Как отметить первый день рождения ребенка?

Как отметить первый день рождения ребенка?

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

В чем перспективность производства плавленого сыра?

В последнее время производство плавленого сыра считается очень перспективным видом бизнеса. Чем это обусловлено?Плавленный сыр – весьма питательный молочный продукт. Его ценность объясняется чрезвычай...
Интересное

Няня и рекомендательное письмо (подводные камни)

Принять на работу няню с рекомендательным письмом – это возможность подстраховать себя от неприятной...

Ремонт без лишней грязи

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

Книга полезных советов

Уют, комфорт, тепло домашнего очага – вот составляющие семейного счастья. Домоводство помогает хозяй...

Как выбрать качественный хостинг сайтов

Сегодня очень трудно представить себе современный Internet без такого понятия, как хостер, хостинг...

Изучение статистической обработки данных

Статистическая обработка данных часто предшествует принятию различных управленческих решений. Эффект...

Канцтовары - маленькая подробность большого успеха

Надо полагать, самым далеким предком карандаша и ручки была головешка от костра – этим рисовали еще...

Кто сделал миллионы, имея лишь 2,5 доллара в карма

Америка в XX веке манила многих. Но не многим суждено было реализовать в ней свои мечты: огромн...

Выходим из депрессии, или Сколько у вас батареек?

Все статьи о депрессии и способах выхода из нее написаны до отвращения здоровыми людьми… Тако...

Вкусные рецепты: чизкейк "Розовые розы",

чизкейк "Розовые розы"Итак. Сначала печем печенье. Масло растереть с сах. пудрой до бела. Муку просе...

Компания Литосфера предоставляет услуги по установ

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



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

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

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