Выбор названия ID и class для HTML элементов

Наиболее остро проблема правильных названий стоит в программировании. Программистам сайтов постоянно приходится придумывать названия для классов, функций, переменных разных типов и т.п.

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

Есть две крайности — слишком короткие и слишком длинные названия.  Например, ID, который формирует главное меню, можно назватышп, а можно main-text-vertical-menu. Оба названия неудачные, особенно первое.

Сомневаюсь, что через пару недель вы бы вспомнили, что за двумя загадочными буквами тт скрывается main menu. Заметьте, что для ID названия могут быть достаточно длинными, поскольку на одной странице ID может встречаться только один раз.  Зато класс может встречаться часто, поэтому классы нужно называть более коротко.

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

Например:

mainMenu И
gbottomNavigation ()
.newsTitle И

Согласно второму способу, каждое слово должно начинаться со строчной буквы и разделяться знаком подчеркивания:

gmain menu ( )
Stop nav И
.important info ()

Мне больше нравится второй способ. Признаюсь, я начал уделять внимание названиям только тогда, когда занялся программированием. До недавнего времени я называл классы так:

. rp (padding-le f t: 19рх; padding-right: 10рх )
.redf (color: gc33)
.sm TD (font: 11рх Verdana, Tahoma, sans-serif)
.tn (float: left; width: 30рх; margin-top: -Зрх}

Ужасно, не правда ли?

Выбор подходящего имени — часто задача непростая. Главное правило: не употребляйте непонятные аббревиатуры и больше трех слов для одного названия.

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

Оставить отзыв к статье “Выбор названия ID и class для HTML элементов”

Постоянная ссылка эту страницу:
https://vseprosto.com/nazvaniya/

Постоянная ссылка эту страницу для форумов и блогов:
[URL="https://vseprosto.com/nazvaniya/"]Выбор названия ID и class для HTML элементов[/URL]

Постоянная ссылка эту страницу в формате HTML:
<a href="https://vseprosto.com/nazvaniya/">Выбор названия ID и class для HTML элементов</a>