Стандарти Назв Css Класів І Id

Для форматування елементів на web-сторінці, web-майстри створюють імена класів і id якими ідентифікують контейнери.Властивості css селектор повинні в точності відповідати властивостям XHTML тегів, для яких вони призначені, а от назви класів і ідентифікаторів залежать тільки від web-майстри, що створює ці класи.Однак при виборі назви класів і ідентифікаторів web-майстри не повинні повністю покладатися на свою винахідливість.Хоч і не існує чітких правил для імен класів і id, все ж існує ряд рекомендацій, спрямованих на досягнення структурованості назв для зменшення плутанини.

У цій статті ми розглянемо ці рекомендації, а також побачимо на які види діляться назви в css.

Позначають розташування.

При створенні Web-сторінок необхідно визначати назви контейнерів на сторінці вказують на розташування контейнера.Ось дуже хороші назву класів:

Всі ці назви валідні для використання в CSS і XHTML.Вони є простими та чітко описують розташування контейнера і виконують свою місію — ідентифікують елемент сторінки.

Головна проблема таких назв полягає в тому, що вони посилаються на позицію розміщення елементу на сторінці і можуть бути невідповідними і заплутаними якщо елемент розмістити в іншому місці сторінки.

Структурні (що описують дії).

Структурні назви класів створюються для того, щоб описати дію для якого призначений контейнер.

Ці назви є не менш зрозумілими, ніж позначають розташування.Але на відміну від позначають розташування, структурні назви описують дію класу, а не місце розташування.Структурний позначення назв класів усуває безлад, якщо змінити положення контейнера, так як вони не пов’язані з місцем розташування на сторінці.

Загальні назви.

Проаналізувавши назви CSS великої кількості сайтів, ми вибрали назви які дуже часто зустрічалися в різних сайтах.Ось найзагальніші назви класів:

Можна з упевненістю сказати, що ці назви стали якимось стандартом назв класів, так як приминение цих назв можна зустріти практично на всіх сучасних сайтах.Дуже складно переоцінити важливість спільних назв класів, так як використання стандартизованих назв полегшує пошук і оновлення спільних елементів на різних сайтах, що дозволяє створити усталену структуру для створення сайтів.