Definindo nomes para class e id
Postado por: Pedro Rogério emO que muita gente não sabe é que a semântica também deve ser usada na definição de nomes para os atributos class e id. Geralmente são escolhidos nomes específicos ao projeto em andamento. Para ter uma idéia melhor, vou citar alguns exemplos mais comuns:
Nomes mais comuns
- menu-esquerdo
- linkverde
- sem-borda
Boas escolhas
- container
- navigation
- submenu
- external-link
Isso é muito importante por que quando você está trabalhando em um projeto muito complexo, você consegue identificar tudo mais facilmente.
Nomes Genéricos
Uma página Web geralmente é constituída de 5 áreas principais. Usando esses nomes você ajudará a divulgar melhor os estilos, em consequência são cancelados determinados vícios e com isso é melhorada sua experiência na área. Logo abaixo você pode ver sugestões de nomes para essas áreas principais:
- header
- navigation
- content
- sidebar
- footer
O que você sempre deve manter em mente é que cada elemento tem sua função, experimente dar uma olhada no código de sua página e veja se você trabalha dessa forma.
