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



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

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



Вкусные рецепты: Суп с овощами и шампиньонами, Клюквенный десерт, Креветочный суп с овощами

Вкусные рецепты: Суп с овощами и шампиньонами, Клюкв...

Суп с овощами и шампиньонамиОстался у меня грибной бульончик после готовки фаршированных шампиньонов, захотелось легкого супчика. Посему в кипящий грибной бульон кладем порезанный кубиками картофель, ...
Как правильно хвалить ребенка?

Как правильно хвалить ребенка?

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

Вкусные рецепты: Конфеты "Рыжик", Холодный...

Конфеты "Рыжик"Морковку натереть на мелкой терке,добавить сахар и лимонную кислоту.Все выложить в кастрюлю и уваривать на медленном огне,постоянно помешивая.Когда масса загустеет,добавить шоколад и хо...
Кого поздравить в сентябре? Звездные юбилеи 2012

Кого поздравить в сентябре? Звездные юбилеи 2012

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

Конкретные правила осуществления качественного и спо...

Сейчас чтобы осуществить ремонт нужны не только большие материальные средства, но и приличные внутренние усилия, потому что многие испытали на себе действие пословицы о том, что ремонт нельзя закончит...
Хандра Ильинична и Депрессия Николаевна: впустим ли незваных гостей?

Хандра Ильинична и Депрессия Николаевна: впустим ли ...

Кто-то уже принимал этих старушек у себя в доме? В гости они могут нагрянуть по одной или вместе. Думаете, вам только в дверь звонили? Нет. Приходят ко всем, да попасть в дом не всегда могут. Бывает,...
Читаемые

Как правильно учить детей английскому языку

Английский язык уже довольно давно можно назвать одним из важнейших школьных предметов. Все больше л...

Шторы на заказ: пять интересных идей для дизайна о

Люди всегда стремились создать уют и комфорт в своем жилище, стремились украсить обитель еще с древн...

Почему День Ингрии празднуется в дни памяти св. Ан

Ингерманландия — Ижорская земля, которую Петр Великий завоевал вместе со светлейшим князе...

Как люди убивают время, или Где взять десяток лет

Кому не знакомо выражение: ну почему же в сутках только 24 часа? Каждому ведь хочется, помимо д...

Монтаж ковродержателей из латуни

Производство ковродержателей из латуни существует сотни лет. Ведь человек во все времена стремился к...

Строительство коттеджа - несколько дорогих этапов

Во-первых, сначала необходимо просчитать стоимость фундамента. Для этого: А, нужно определить ттип п...

Взрыв на Чернобыльской АЭС. Как это было?

Двадцать пять лет назад произошло событие, нанесшее существенный ущерб авторитету ядерной энергетики...

Японский храм в окружении цветущих азалий

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

Выбираем аромат или суррогат? Духи – дело тонкое

Вы идете по улице и не замечаете никого вокруг, так как увлечены своими мыслями. Но вдруг вас возвра...

Как научить ребенка читать?

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



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

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

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