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



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

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



Полезные свойства серебряной воды приборы для ее получения.

Полезные свойства серебряной воды приборы для ее пол...

О воде, обогащенной активными ионами серебра, ее пользе и возможности врачевать разнообразные заболевания, знали уже в глубоком прошлом. В древнем Риме, к примеру, воду берегли в серебряных сосудах, ч...
Уринотерапия

Уринотерапия

Лечение мочой или, как ее называют по-научному, уриной, носит название «уринотерапия». Это сегодня довольно модный способ оздоровления и профилактики различных недугов. Считается, что впервые этот мет...
Как музыка воздействует на человека?

Как музыка воздействует на человека?

Музыка — это язык звуков, она неотделима от природы. Звуки имеют огромное влияние на человеческую психику и на организм в целом. Это воздействие может быть как созидающим, так и уничтожающи...
Сколько у Рубенса было детей? Галерея портретов

Сколько у Рубенса было детей? Галерея портретов

У Рубенса от двух браков родилось 8 детей: трое от Изабеллы Брант и пятеро — от Елены Фоурмент (пятый родился после смерти Рубенса). Дети от Изабеллы: Клара Серена, Альберт, Николас. Первы...
Пластиковые окна? Узнаём подробности

Пластиковые окна? Узнаём подробности

Дополнительная информация о пластиковых окнах никому и никогда не помешает. Тем более что бум с их установкой в многоквартирных и загородных домах продолжается. Конечно, всё в одной статье рассказать ...
Как обычное поздравление сделать оригинальным и интересным?

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

Прошли те времена, когда все идеи поздравлений каждый придумывал сам. Сегодня в Интернете можно найти все: готовые сценарии, поздравления с разными праздниками — торжественные или шуточные,...
Популярное

Семейные расстановки по Хеллингеру в воображении.

Системно-семейные расстановки по Хелленгеру относятся к психотерапевтическим методам групповой терап...

Инновационный бизнес в России.

Переход на инновационные рельсы развития. Слово инновации, инновационное развитие у нас у всех на сл...

Как писать сочинение современному выпускнику?

Сочинение, которое в начале декабря по системе «зачет»/«не зачет» напишут одиннадцатиклассники, нево...

Почему не цветет гибискус? Секреты успешного выращ

В XVIII веке в ботанических садах и оранжереях Европы появилось очаровательное неприхотливое растени...

Нормализация употребления алкоголя и апитерапия

Большая часть населения России испытывает проблемы со спиртным, многие не хотят отказываться от него...

Кто заплатит за "бесплатный сыр"?

Бесплатный сыр лежит только в мышеловке. »Народная мудрость. Бесплатное приложение, бесплатные…Сколь...

Почему Traffic inpector?

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

Как группа KING CRIMSON создала один из величайших

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

Ошибка В.Гейзенберга

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

Рекомендации по уходу за интерьером. Химчистка ков

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



О портале:

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

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