Щоб форматувати на web-сторінці, web-майстри створюють імена класів і id якими ідентифікують контейнери. Властивості css селектор повинні в точності відповідати властивостям XHTML тегів, для яких вони призначені, а ось назви класів і ідентифікаторів залежать тільки від web-майстра, що створює ці класи. Однак при виборі назви класів і ідентифікаторів web-майстри не повинні повністю покладатися на свою винахідливість. Хоч і не існує чітких правил для імен класів і id, все ж існує ряд рекомендацій, спрямованих на досягнення структурованості назв для зменшення плутанини.
У цій статті ми розглянемо ці рекомендації, а також побачимо на які види діляться назви в css.
Позначають розташування.
При створенні Web-сторінок необхідно визначати назви контейнерів на сторінці вказують на розташування контейнера. Ось дуже хороші назва класів:
Всі ці назви валідність для використання в CSS і XHTML. Вони є простими і чітко описують розташування контейнера і виконують свою місію - ідентифікують елемент сторінки.
Головна проблема таких назв полягає в тому, що вони посилаються на позицію розміщення елемента на сторінці і можуть бути невідповідними і заплутують якщо елемент розмістити в іншому місці сторінки.
Структурні (описують дії).
Структурні назви класів створюються для того, щоб описати дію для якого призначений контейнер.
Ці назви є не менш зрозумілими, ніж позначають розташування. Але на відміну від що позначають розташування, структурні назви описують дію класу, а не місце розташування. Структурний позначення назв класів усуває безлад, якщо змінити положення контейнера, так як вони не пов'язані з місцем розташування на сторінці.
Загальні назви.
Проаналізувавши назви CSS великої кількості сайтів, ми вибрали назви які дуже часто зустрічалися в різних сайтах. Ось найзагальніші назви класів:
Можна з упевненістю сказати, що ці назви стали таким собі "стандартом назв класів", так як приминение цих назв можна зустріти практично на всіх сучасних сайтах. Дуже складно переоцінити важливість загальних назв класів, так як використання стандартизованих назв полегшує пошук і оновлення загальних елементів на різних сайтах, що дозволяє створити сталу структуру для створення сайтів.