Стандарти назв 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 довідники