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

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


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


Можно ли шлепать детей

Можно ли шлепать детей


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


Виртуальный мир Second Life

Виртуальный мир Second Life


Платформа Second Life была разработана компанией Linden Lab, размещающейся в Сан-Франциско (США), в 1999 году. Публичный общественный доступ к этому трёхмерному миру был разрешён в 2003 году. После че...


Вкусные рецепты: Грушевый пирог "Солнышко" из творожного теста, творожные ватрушки, Веррины с малосольной семгой

Вкусные рецепты: Грушевый пирог "Солнышк...


Грушевый пирог "Солнышко" из творожного тестаТворог,яйцо, сахар,молоко и растительное масло смешиваем в миске,хорошенько растираем. Муку смешиваем с разрыхлителем и порциями всыпаем в творожную смесь....


Интересное

Греческие традиции, или Зачем на Пасху стреляют пу

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

6-й год совместной жизни – Чугунная свадьба

День свадьбы – это праздник жизни и любви, наполненный радостью и приятными переживаниями. Вам хочется как можно дольше продлить эти волшебные мгновения… Вспоминается старая добрая песня Александра З...

Девочки, девушки, женщины - почему мы должны улыба

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

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

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

Как выбрать квартиру

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

Стандарты названий css классов и id

Обозначающие расположение. При создании Web-страниц необходимо определять названия контейнеров на странице указывающие на расположение контейнера. Вот очень хорошие название классов: * top-panel * hor...

Чем знаменит Всеслав Чародей?

В 1001 году на престол Полоцкого княжества взошел Брачислав Изяславович. Долго княжил Брачислав, одерживал победы и терпел поражения, но выстоял в соревновании с Киевом и сумел заложить фундамент креп...

Вкусные рецепты: Блинчики с икрой и сыром, Мясной

Блинчики с икрой и сыромИз муки,яиц,молока,дрожжей,раст.масла и соли готовим тесто. Оставляем тесто на 10-15 мин.,для того,что бы оно подошло. Затем жарим блинчики на сковороду с маслом,подрумянивая с...

Что такое краткосрочная позитивная психотерапия?

«Каждый пациент знает решение своей проблемы даже в том случае, когда ему кажется, что он не знает». (М. Эриксон) Краткосрочную позитивную психотерапию чаще называют терапией, ориентирован...

Почему День Ингрии празднуется в дни памяти св. Ан

Ингерманландия — Ижорская земля, которую Петр Великий завоевал вместе со светлейшим князем Ижорским Александром Меншиковым (владельцем Ораниенбаума). Земля, где находятся многочисленные сел...

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

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

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