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



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

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



Двери

Двери

Основными конструкционными элементами зданий являются разного рода двери. Они обеспечивают зонирование пространства, звуко- и теплоизоляцию, стилистическое единство интерьера и экстерьера, а также слу...
Как украсить улыбку? Зубные украшения

Как украсить улыбку? Зубные украшения

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

Кому подчинялось военное духовенство в Российской им...

Создавая регулярную армию и флот, Петр I ввел в войсках штатные должности военных священников. Эти священнослужители находились на государственной службе и получали денежное довольствие наравне с млад...
Газобетонные и газосиликатные блоки: особенности и стоимость

Газобетонные и газосиликатные блоки: особенности и с...

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

Албания

Побережье Албании просто великолепно и по своему неповторимо и могло бы легко составить конкуренцию таким известным курортным странам как Италия или Хорватия. Но славиться страна не только своими...
Продажа душевых кабин через интернет-магазин, удобно ли это для покупателя?

Продажа душевых кабин через интернет-магазин, удобно...

Трудно представить современного человека не владеющего интернетом, который окружает нас повсюду. И поэтому покупки, современный человек, стал все больше совершать через интернет. Так как это удобно (м...
Читаемые

Нечем платить за квартиру… Каков выход?

Бывают, к сожалению, такие периоды в жизни, когда безденежье давит и душит. Жизнь подкидывает все но...

Агата Мэй Кларисса Миллер и Арчибальд Кристи: как

24 декабря 1914 года, 95 лет назад, состоялось венчание 24-летней Агаты Мэй Клариссы Миллер и в...

Крупнейший в Европе частный природный заказник поя

Крупнейший в Европе частный природный заказник появится на территории России Консорциум «ФИНХО...

Вкусные рецепты: маринованные голубцы, Соус "

маринованные голубцыПриготовить капустные листья как на голубцы. Натереть морковку,посолить,поперчит...

Как избавиться от глистов

Гельминты - в быту их называют неприятным словом «глисты» - очень опасны для здоровья человека. Пара...

Какой ты, ангел?

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

Вкусные рецепты: Слоеный салат " Новый Гаити&

Слоеный салат " Новый Гаити"Рис и грудку отварить.Петрушку мелко порубить. Смешать майонез со сметан...

ТД КМЗ выпускает оборудование для переработки древ

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

Daewoo Больше Не Будет В Украине

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

Мраморные пещеры, Патагония, Чили

Мраморные пещеры Патагонии, Чили, (Marble Caves, Patagonia, Chile) это сказочные, прекрасные яркие с...



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

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

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