Para que serve a metodologia em HTML?

A metodologia em HTML é necessária para padronizar, estruturar e melhorar a eficiência do processo de escrita e manutenção do código.

Ela garante:

• Legibilidade e manutenção: Regras unificadas para nomear classes, identificadores e a estrutura do markup tornam o código compreensível para outros desenvolvedores e facilitam alterações.
• Previsibilidade: Conhecendo as regras da metodologia, o desenvolvedor pode prever como será e como se comportará um elemento, com base na sua classe ou estrutura.
• Escalabilidade: A metodologia ajuda a organizar o código de modo que seja fácil de expandir e manter em projetos grandes.
• Reutilização de código: A clara separação em componentes e módulos permite reutilizar facilmente blocos de markup em diferentes partes do projeto.
• Consistência: Todos os membros da equipa seguem as mesmas regras, o que previne a aparição de código heterogéneo.

Metodologias comuns:

• BEM (Block, Element, Modifier): Regra estrita de nomenclatura que ajuda a dividir a interface em blocos independentes. block__element--modifier.

  <!-- Bloco -->
  <div class="button">
    <!-- Elemento -->
    <span class="button__text">Pressionar</span>
  </div>
  
  <!-- Modificador -->
  <button class="button button--primary">Enviar</button>
  

• SMACSS (Scalable and Modular Architecture for CSS): Organiza o CSS em cinco categorias: Base, Layout, Módulos, Estado, Tema.

• OOCSS (Object-Oriented CSS): Foca na separação da estrutura (structure) e do estilo (skin), bem como na separação do container (container) e do conteúdo (content).

A escolha da metodologia depende do projeto, da sua escala e das preferências da equipa. O importante é seguir as regras escolhidas de forma consistente.