Стандарты названий 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 100 000 человек. Это по официальным данным. По неофициальным — в четыре раза больше. Каждый год с...


Дисконтная карта

Дисконтная карта


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


Туры по Европе

Туры по Европе


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


Продажа душевых кабин через интернет-магазин, удобно ли это для покупателя?

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


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


Светка (История С 79-го года)

Светка (История С 79-го года)


Случилась эта история в конце 70-х в прошлом веке. В одном небольшом городе, на берегу моря, в Ростовской области, где я родился, рос, учился, ушел служить в Армию, вернулся, поступил работать на небо...


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

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


Крупнейший в Европе частный природный заказник появится на территории России Консорциум «ФИНХОЛКОМ-ГРУПП» под эгидой Национального Фонда Святого Трифона Анджея Мальчевского приступает к ре...


Популярное

Вкусные рецепты: Торт " LAMUR", Салат &q

Торт " LAMUR"Замочить желатин в 1 ст.воды на 1 час. У яиц отделить белки от желтков.Взбить белки вместе с сахаром до устойчивых пиков.Отдельно взбить желтки с солью и ванилином до увеличения обьема пр...

В России необходимо создание программы развития св

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

27-29 ноября – выставка в Крыму!

Мероприятие под названием «Безопасность. Крым-2015» пройдет в городе Ялта в период с 27 по 29 ноября. Одним из активных участников встречи является предприятие ООО «Плазма-Т», которое специализируется...

Какие способы раскрутки ожидают нас в будущем?

Какие способы раскрутки ожидают нас в будущем? Существует множество способов для получения трафика, но большинство из них мало эффективные: 1. Регистрация в каталогах – это как «Курс молодого бойца». ...

А еще, что посмотреть в Виннице...

Как пример - благодаря тому, что в 1634 году Петр Могила, один из выдающихся культурных и общественных деятелей Украины, открыл в Виннице филиал Киево-Могилянской академии, теперь один из ее «потомков...

Интернет реклама

«Никакой революции в медийной рекламе не случилось», - Роман Филиппов (Аdriver) Более того, медийная реклама отстает по темпу и объему от контекстной рекламы. Тот объем доходов, который предрекали ме...

Астрология. Эра Водолея - эра Астрологии

"Нет больше той любви, как если кто положит душу свою за друзей своих" (Библия, Святое Благовествование от Иоанна, 15:13). Настоящая дружба - одна из добродетелей Знака Зодиака Водолей.Эра Водолея - э...

Критерии выбора расходомеров и счетчиков для насел

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

Дюбели, дюбель-гвозди

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

Какие смс лохотроны бывают в интернете

1) Самый популярный на данный момент смс лохотрон это троян (Trojan. Winlock)Этот троян блокирует windows или у вас на рабочем столе появляется баннер или в браузере , во всех случаях просят отправить...

Новости развития информационнного портала:

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

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