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




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

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



Развитие бизнеса и вывод региональных предприятий на рынок Москвы.

Развитие бизнеса и вывод региональных предпри...


Не секрет, что выйти на рынок столицы нелегко. Данная проблема, и связанные с ней вопросы, постоянно обсуждаются. Связано это, прежде всего, с огромными финансовыми затратами. Не буду перечислять бол...


Романтическая лабуда

Романтическая лабуда


Некоторые животные, подобно людям, готовы заниматься этим часами (рекорд принадлежит одной парочке гремучих змей, которые занимались сексом 23 часа 15 минут), но иным торопыгам достаточно и трех сек...


Очень интересная статья о покупке недвижимости на морском побережье Испании

Очень интересная статья о покупке недвижимост...


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


Как порадовать себя?

Как порадовать себя?


Хочу сразу уточнить: именно порадовать, а не побаловать. Конечно, когда мы идем в магазин и покупаем все, что только видим, настроение становится лучше. Но давайте поменяем установку, хотя бы нен...


Что такое религиозная вера?

Что такое религиозная вера?


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


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

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


маринованные голубцыПриготовить капустные листья как на голубцы. Натереть морковку,посолить,поперчить,добавить чеснок.Завернуть морковку в капустные листья,залить заливкой. ЗАЛИВКА:1 л.кипячёной воды,...


Популярное

Лучшие страны для зимнего отдыха: Шри-Ланка

Одним из лучших мест отдыха для тех, кто решил отправиться из зимы в лето, является Шри-Ланка. Этот остров в Индиzйском океане, раньше называвшийся Цейлон, привлекает множество туристов. Здесь бо...

Натяжные потолки в Пензе: пять примеров модных диз

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

Избавься от неуверенности в себе с помощью самовну

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

10 стран, куда можно поехать без визы

Таиланд — отличное место для тех, кто любит приключения. Тропические леса и горные хребты граничат с большим мегаполисом. Благодаря большой протяженности территории страны, вы можете запечатлет...

Что такое полифазный сон?

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

Потребительские свойства и назначение брезента

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

Рейтинг стиральных машин - как сделать правильный

В настоящее время на рынке стиральных машин представлено великое множество моделей. Ведущие производители соревнуются в производстве предельно комфортных, функциональных и надежных стиральных агрегато...

Лучшие отечественные фильмы? Конечно, «Иван Василь

Несомненно, успеху фильма «Иван Васильевич меняет профессию» способствовал и потрясающий актерский ансамбль. Юрий Яковлев с обеими ролями справился блестяще, и сейчас уже трудно себе предс...

Вкусные рецепты: Салат "Ташкент", Салат

Салат "Ташкент"Разогреть салатное масло, пассировать в нем лук, охладить до комнатной температуры. Очистить редьку, нашинковать тонкой соломкой, промыть в теплой воде и положить на полчаса в холодную ...

Достопримечательности Венеции

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

О портале:

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

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