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




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

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



Чем наполнять свой сайт? Чистыми текстами

Чем наполнять свой сайт? Чистыми текстами

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

Заработок в Интернете для начинающего пользователя И...

Если вы войдете в поисковую систему и введете "заработок в Интернете", появиться миллионы результатов в основном от сайтов зарабатывающих на Вашей наивности. Запомните: труд=деньги! Ничего не бывает д...
Покупаем детскую одежду. Где дешевле?

Покупаем детскую одежду. Где дешевле?

Дети быстро растут. Покупать им одежду приходится чуть ли не каждый месяц. Согласитесь, это внушительные издержки для семейного бюджета! Особенно учитывая цены в современных детских магазинах. А ...
Кто сделал миллионы, имея лишь 2,5 доллара в кармане, и чем это кончилось?

Кто сделал миллионы, имея лишь 2,5 доллара в кармане...

Америка в XX веке манила многих. Но не многим суждено было реализовать в ней свои мечты: огромное число авантюристов сгинуло в ней, так и не реализовав свои надежды. Но были и люди, которым покор...
Уход за кожей нормального типа

Уход за кожей нормального типа

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

Проблемы высшего образования в нашей стране

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

Пробуем выучить язык с носителем: эффективность за

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

Биохимия стресса

Миллионы мужчин и женщин во всех жизненных сферах, от продавцов и офисных работников до домохозяек, ...

Как бороться со вспыльчивостью?

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

Как приготовить венский штрудель?

Какие ассоциации вызывает у вас название столицы Австрии? Венский вальс и Венский лес, прославленные...

Во что поиграть с ребенком? Часть 2

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

Доводилось ли вам пробовать настоящую воблу? Фамил

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

Выбираем комфорт в работе: перегородки

Офисные перегородки – это идеальный вариант для организации рабочего пространства в офисных помещени...

Какую автошколу выбрать в Бердске?

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

Русский Интернет Израиля

Государство Израиль является одним из не многих государств, где люди говорят не менее чем на 15 разл...

Как человечество училось воевать? От героя к фалан

Наверное, для большинства из нас эволюция военного дела связывается с совершенствованием военной тех...



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

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

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