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




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

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



Воспитание. Кому нужен психолог - ребенку или маме?

Воспитание. Кому нужен психолог - ребенку или...


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


Химчистка и чистка ковров и ковровых покрытий

Химчистка и чистка ковров и ковровых покрытий


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


Как провести игру «Дебаты» дома?

Как провести игру «Дебаты» дома?


Чем заняться долгими осенними вечерами в кругу семьи? Можно, например, рисовать, читать, готовить вместе любимые блюда — вариантов много. А можно провести свободное время не только с удовол...


Что такое квазар

Что такое квазар


Квазар (англ. quasar – сокращение от QUASi stellAR radio source – «квазизвёздный радиоисточник») – тип объектов вселенной, которые отличаются достаточно высокой светимост...


Строители учатся на практике

Строители учатся на практике


11 ноября на базе Воронежского государственного архитектурно-строительного университета (ВГАСУ) открылся первый в России межвузовский бизнес-инкубатор. В его «стенах» будет проходить обучение специали...


Детский шопоголизм: почему он так актуален?

Детский шопоголизм: почему он так актуален?


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


Интересное

Мечтаете выучить несколько иностранных языков? Ком

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

В чём особенности занятий пластилинографией с млад

Пластилинография — очень увлекательное занятие для людей любого возраста. Но у каждой возрастной категории есть свои особенности. Потому занятия пластилинографией нельзя проводить по едином...

Вкусные рецепты: Десерт "Неженка", Рулет

Десерт "Неженка"ПРИГОТОВЛЕНИЕ ЖЕЛЕ: Желатин замочить в воде (см. рецепт на упаковке) Молоко слегка уварить с сахаром Добавить желатин, довести до кипения, выключить и остудить БЛИНЧИКИ: Испечь тонкие ...

Зачем строили «мертвую дорогу»? Из истории грандио

В конце 1980-х годов мне довелось попасть в Норильск. Удивительный город за Полярным кругом, которому по всем «нормальным» раскладкам существовать бы не полагалось. Даже местные жител...

Чтобы застолье не свалило с ног

Перед тем как. . . Чтобы смягчить влияние алкоголя, за 1, 5-2 часа до застолья выпить 100 г водки с легкой закуской. Только этот рецепт может помочь только редко употребляющим. Наиболее...

Чем русских шокирует Германия? Пивные коктейли

Скажу честно, до своего переезда в Германию я не была большой любительницей пива. Я больше люблю красное вино. Однако попробовав немецкое пиво, я была просто в восторге: никогда не думала, что у этого...

Как группа KING CRIMSON создала один из величайших

Хотя я и завёл традицию рассказывать о знаменитых песнях, есть альбомы, которые трудно разложить на составляющие, альбомы, о которых имеет смысл рассматривать только в целостности. Одним из таких альб...

Зависимость здоровья человека от табакокурения

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

Контекстная реклама — самая непопулярная среди кру

В опубликованном исследовании компании Imho VI сделано несколько наблюдений. Во-первых, менять свою рекламную стратегию будут всего 37% компаний. Во-вторых, контекстная реклама, о росте которой в посл...

Вкусные рецепты: =АНАНАСОВЫЕ КАБАЧКИ=, "Наши

=АНАНАСОВЫЕ КАБАЧКИ=Кабачок нарезать фигурно, лимон мелко порезать, не очищая. Продукты залить сладким кипятком, кипятить 4 мин. Настаивать 12 часов Вам понадобится:1 кабачок1 лимон импортный (наш гор...

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

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

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