Ir para conteúdo / Skip to content

DEFININDO NOMES PARA CLASS E ID

Postado em: 27 de abril de 2006 por Pedro Rogério

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

Isso pode lhe interessar:

Deixe seu comentário

2 comentários para esse post

  1. Dudu Figueiredo disse:
    #1

    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.

  2. Carlos Eduardo disse:
    #2

    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…

Deixe seu comentário