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




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

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



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

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


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


Поездка в Абхазию: что стоит учесть и где остановиться

Поездка в Абхазию: что стоит учесть и где ост...


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


Остров скорби или остров развлечений? Алькатрас. Часть 1

Остров скорби или остров развлечений? Алькатр...


США. Штат Калифорния. Самый густонаселенный штат западного побережья с двумя огромными мегаполисами: 13-миллионный Лос-Анжелес, для удобства называемый просто L. A. , и Сан-Франциско, или Фриско, с са...


Как «управлять» своим временем? Секреты тайм-менеджмента

Как «управлять» своим временем? Секреты тайм-...


Человечество в своем развитии день за днем стремилось покорить время и продолжает этим заниматься и по сей день. Недаром сколько существует человек, столько он ищет панацею от старости и смерти. Конеч...


Хочется настоящего узбекского плова? Семь компонентов Ибн Сины

Хочется настоящего узбекского плова? Семь ком...


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


Повышение маневренности мобильных машин

Повышение маневренности мобильных машин


      В настоящее время с целью увеличения маневренности мобильных машин применяются системы поворота с новой кинематикой.       Фирма Liebherr (ФРГ) выпустила одноковшовый погрузчик L-509 с новой ко...


Стоит прочесть

Округление углов для ie6

В предыдущей статье про округление углов я не учел поддержу Internet explorer’a, сейчас я расскажу как округлить углы без всяких дополнительных контейнеров и картинок а только при помощи css и htc скр...

Выставки. Кому и зачем они нужны?

«Потянула она меня на вернисаж. В музей. На выставку, значит. Замучился-замучился, замучился-замучился! Горячего нет. Нет горячего! В „Третьяковке“ хоть солянка была! А на этом верни...

Секреты красивой улыбки

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

Настоящий программист: кто может им стать?

День программиста — неофициальный всемирный профессиональный праздник, который отмечают на 256-й день года (в високосный год — 12 сентября, а в невисокосный — 13&...

Чем отличается электронная книга от своей бумажной

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

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

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

Какая бывает краска для фасадов

Ремонт - дело затратное и желание сэкономить тут вполне оправдано. Но не стоит забывать о том, что излишняя экономия может обернуться дополнительными расходами в будущем! Выбор некачественных материал...

Современная проблематика переводов

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

Вкусные рецепты: "КОРОЛЕВСКИЙ ШОКОЛАДНЫЙ ТОРТ

"КОРОЛЕВСКИЙ ШОКОЛАДНЫЙ ТОРТ"испечь ореховый бисквит.ниже в доп.инф.я дам ссылку корж безе: взбить белки в густую пену и постепенно вводя сахар и крахмал взбить безе. при перевороте миски вниз оно дол...

Облачные решения

Облачные решения – мощный инструмент для работы. Обсудим, что относится к ним и каким образом они могут помочь бизнесу. На сегодняшний день наиболее распространенными облачными решениями являются: 1...

О портале:

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

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