Почему часто утверждают, что название классов .page-head {} .sub-content {}
более правильное, чем .page_head {} .sub_content {}
?
Это просто давняя традиция или действительно в этом есть большой смысл?
-
1В плане работоспособности смысла нету, в плане удобства есть. Советую ознакомиться с методологией БЭМ– RTK2 мар 2018 в 12:53
-
2Вообще все сводится к тому что бы согласовать правила именования классов, разметки итп и потом всем в команде придерживаться этих правил.– slowBro2 мар 2018 в 13:01
-
ru.bem.info/methodology/naming-convention а гугл в своем стандарте вообще призывает не использовать ничего кроме дефиса– Alex2 мар 2018 в 13:07
-
@RTK Пожалуйста, постарайтесь публиковать развернутые ответы содержащие конкретный пример минимального решения, дополняя их ссылкой на источник. Ответы–ссылки (как и комментарии) не добавляют знаний в Рунет.– Nicolas Chabanovsky2 мар 2018 в 13:19
-
@RTK я до сих пор вижу только одну разницу, то что названия с дефисом нельзя копировать двойным кликом, а с нижним подчеркиванием можно. Тем не мнее почему-то привык писать с дефисом просто ибо так делали все когда учился.– Telion2 мар 2018 в 21:06
3 ответа
Для каждого языка есть свои правила оформления кода по умолчанию, наиболее употребимые. В разных языках они могут быть разные.
Например для C# функции принято именовать в UpperCamelCase
(PascalCase
другое название) MyFunctionMakeThis
.
В JavaScript lowerCamelCase
myFunctionMakeThis
Я не говорю что этим правилам необходимо следовать, это решение принимает каждый сам (и каждая команда).
В случае CSS наиболее употребимым стандартом является kebab-case
Пример .my-item-selector
.
В чём плюс использование стандартных правил оформления кода:
- Более простое понимание кода программистами (например новыми в компании, или вообще внешних к проекту).
- Единый стиль для разных компонент и программ.
Вообще правильное наименование это через БЭМ. Об этом можно почитать вот здесь
Это очень удобно, если вы используете препроцессоры (а в дальнейшем вы будете их использовать), также для элементов, которые обрабатываются какими либо скриптами задают различные префиксы
Например: class="header__logo js-logo-click"
Рекомендую ознакомиться с данной методологией.
Есть смысл, если использовать методологию БЭМ! Для разделения слов в именах используется дефис (-). Элемент отделяется от блока двумя подчеркиваниями (__). Модификатор — одним (_). Более подробно можно ознакомиться тут