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:

  1. 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">.

  2. 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.

  3. 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.