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



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

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



Рекомендации для содержания принтера: ремонт и заправка картриджей

Рекомендации для содержания принтера: ремонт и запра...

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

Венеция - самое волшебное и самое красивое место на ...

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

Отдых на Кипре, город Пафос

В данной статье я расскажу все, что знаю о городе Пафос − очень древнем городе со следами древнегреческой цивилизации. Этот город подходит для туристов, сочетающих свой отдых с осмотром местных ...
Какое постельное белье выбрать ребенку?

Какое постельное белье выбрать ребенку?

Вспомните свои детские ощущения (именно ощущения, а не события или происшествия), именно они передают атмосферу нашего детства. У кого-то это палитра из множества эмоций, запаха бабушкиных лекарств, р...
Вкусные рецепты: Торт-суфле «для Тоже Женщин к 8 Марта» :), Храните жемчуга в банке!.. ИЛИ "Лук жемчужный в розовом маринаде", Рулет фруктовый

Вкусные рецепты: Торт-суфле «для Тоже Женщин к 8 Мар...

Торт-суфле «для Тоже Женщин к 8 Марта» :)Коржи. Яйца взбить с сахаром и ванильным сахаром до белой упругой пены, постепенно добавить просеянную муку и продолжить взбивать, пока тесто не станет однород...
Пустотелый полуторный кирпич - самый экономичный материал.

Пустотелый полуторный кирпич - самый экономичный мат...

Каждый человек, который когда-либо строил дом, гараж, склад или любую другую постройку вставал перед вопросом: какой строительный материал выбрать? Кирпич, наверное, самый распространенный строительны...
Стоит прочесть

Карл Брюллов: в чём романтизм его картин? К 210-ле

Карл Брюллов родился 23 декабря 1799 года. В 1822 году он окончил Петербургскую Академию художе...

Жениться по любви не может ни один король? Тайный

Братья Барбары Радзивилл, возлюбленной короля Польши и великого князя Литовского Сигизмунда II ...

Почему считается, что Африка - колыбель человечест

На протяжении всей своей истории человечество задавалось вопросами: откуда мы все здесь взялись? Где...

Реклама – двигатель торговли. Реклама в СМИ.

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

Фирдоуси и его «Шахнаме»: мудрость Востока или уто

Счастлив, кто людям доброе несет, Чье имя славой доброй процветет! (Фирдоуси) 1075 лет тому назад в ...

Лучшие курорты Египта.

Еще в юности все мы слышали истории о таинственном и интригующем Египте с его великими фараонами, о ...

История техники

1-ые пробы исследования и производства паровой турбины уходят корнями в дальнее прошедшее. 1-ое, одн...

День зимнего солнцестояния: чем был знаменателен д

Как известно, 22 декабря, день зимнего солнцестояния, — это самый короткий день (его...

Веснушки-конопушки, как к ним относиться?

Веснушки, конопушки — «веселые ребята», которые доставляют немало неприятност...

Металлопрокат и его применение

В современном мире очень активно используется металлопрокат во всех сферах жизни: машиностроении и с...



О портале:

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

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