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.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
Acho que ter isso em mente é muito importante, fica mais fácil se futuramente vc quiser estudar Microformats.
Eu escrevi sobre o assunto no meu blog também, Identificação Semantica.
Abraço.
Pois é…. Mais importante agora, com a utilização dos Microformats, utilizando os nomes de classes para definir o signifcado de cada bloco de informação…
Bom saber destas coisas.