2
respostas

[Dúvida] Nomenclatura de class e id

Muito curioso pelo uso da nomenclatura com "underline - underline": "cabecalho__menu", "cabecalho__logo" ... etc É uma boa prática esse tipo de nomenclatura, ou colocando apenas um underline já se enquadra nas melhores práticas? Ou tanto faz, desde que seja legivel para quem for mexer no codigo?

2 respostas

Boa noite, Antonio. Segue abaixo um link sobre esse assunto postado há alguns anos aqui no Fórum com uma boa resposta do Andre Tardelli, Instrutor aqui da Alura.

https://cursos.alura.com.br/forum/topico-se-eu-usar-ao-inves-de-usar-underline-nas-class-faz-diferenca-84422

Espero que ajude. Abração.

Olá Antonio, tudo bem?

É uma boa prática sim, chamada BEM (Block, Element, Modifier). Os elementos tem uma regra específica de escrita Nome do Bloco + 2 underlines + nome do Elemento. O "bloco" representa um componente "pai"; os elementos são os "filhos" desse componente.

Por exemplo:

<div class="container">
    <header class="container__header">
        <h3 class="container__title">Titulo</h3>
    </header
</div>

Nesse artigo explica sobre a metodológia padrão BEM. https://www.alura.com.br/artigos/criando-componentes-css-com-padrao-bem

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software