Por que não é recomendado usar '_' (underscore) em HTML/CSS?
Não é recomendado usar underscores (_), também conhecidos como “underline”, em HTML e CSS para nomear classes e IDs. Embora seja possível usar underscores, é mais comum e preferível adotar a convenção de nomenclatura chamada CamelCase ou kebab-case.
Existem algumas razões pelas quais o uso de underscores não é recomendado:
-
Legibilidade: Sublinhados podem tornar o código menos legível, especialmente quando o nome é composto por várias palavras. Por exemplo,
<div class="button_facebook">
é mais fácil de ler do que<div class="button_facebook">
. -
Consistência: A comunidade de desenvolvimento, em geral, tende a preferir o uso de CamelCase ou kebab-case para nomes de classes e IDs. Seguindo essa convenção, você facilita a colaboração com outras pessoas, tornando o código mais consistente.
-
Dificuldade na digitação: Digitar underscores pode ser mais trabalhoso em comparação com hífens (utilizados no kebab-case) ou mesmo em comparação com a primeira letra em maiúscula (utilizada no CamelCase). Essas pequenas diferenças, ao longo do tempo, podem se tornar incômodas.
Por exemplo, vamos supor que você tenha botões com diferentes classes:
<button class="btn_facebook">Facebook</button>
<button class="btn_instagram">Instagram</button>
Utilizar kebab-case resultaria em um código mais legível:
<button class="btn-facebook">Facebook</button>
<button class="btn-instagram">Instagram</button>
Cada desenvolvedor tem suas preferências e, ocasionalmente, pode haver casos em que o uso de underscores seja justificado, como em linguagens de programação específicas. No entanto, no contexto de HTML e CSS, é recomendável seguir as convenções estabelecidas pela comunidade.