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



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

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



К международному Дню кошек: как домашние питомцы спасают человеческие жизни?

К международному Дню кошек: как домашние питомцы спа...

Знают ли кошки, что у них сегодня праздник? Скорее всего, нет. Потому что человек устроил этот день, чтобы напомнить себе о том, что рядом находятся эти замечательные создания, которым за многое ...
Вкусные рецепты: котлеты"ПОЖАРСКИЕ"/не классический вариант/, Рубленные куриные котлеты с сыром, полуслоёное дрожжевое тесто и пирог из него

Вкусные рецепты: котлеты"ПОЖАРСКИЕ"/не кла...

котлеты"ПОЖАРСКИЕ"/не классический вариант/из данных ингредиентов приготовить фарш.он должен быть совершенно однородным. лук и чеснок в рецептуру котлет не входят! разделить фарш на 12 частей. сформир...
Подружки попали в приключения

Подружки попали в приключения

Ну и нарвалась я на приключения! На свои 90 нижних сантиметров… и не только. А все из-за моей подружки Ольки. Сидели мы у меня дома после универа, выпили по бокальчику под настроение. Тут Олька обнару...
Информация о пакетах пвд

Информация о пакетах пвд

А известно ли вам, что полиэтиленовый пакет был получен лишь где-то по середине предыдущего столетия? В современном мире человек постоянно пользуется им, ведь он применяется и нами в обычной жизни и р...
Что делать после измены?

Что делать после измены?

Измена партнера многих приводит к самым сильным внутренними переживаниям, на какие только способен человек. Это состояние по накалу сопоставимо со смертью любимого. Однако многие эмоционально пострад...
Строительство коттеджа  - несколько дорогих этапов

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

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

УЗИ во время беременности - вред или польза?

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

Дачный домик. Выгодная покупка для каждого

Личный надел территории на природе требуется всякому. В частности родителям с детьми весьма значимо ...

Оптимизация Windows Vista

В этой статье мы расскажем, как можно заставить ОС Windows Vista заработать быстрее, при этом потреб...

Каков ваш словарный запас и стоит ли его обогащать

На вопрос о «словарной собственности» вполне можно ответить: «Думать мне боль...

Кто он - Барбаросса?

«Его амбиции были сродни духу эпохи, а миф о Фридрихе I навсегда связал его имя с идеей герман...

Ремонт квартир в киеве

Итак, как сделать ремонт квартиры в Киеве без проблем, нервов и стресов? Тут, извените единого ответ...

Вкусные рецепты: Бананово-лимонный тарт, Millionrs

Бананово-лимонный тартГотовим : 1.порубить орехи, смешать с сахарной пудрой. 2.На большой стол вылож...

Конспект логопедического урока: основа организации

Не секрет, что во всех сферах образования – от детский образовательных учреждений до высших учебных ...

Голубые «звезды-дезертиры» - «вампиры» или «разбой

Кроме вампиров, имеются также «разбойники»: эти голубые звезды-дезертиры отбирают массу у своих звез...

Пить ли кофе по утрам?

Не знаете, с чего начать утро? А чего просит душа? Как говорится, на вкус и цвет — желани...



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

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

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