Categorias

Arquivos

Use class com a semântica em mente

Postado em Julho 17th, 2007 por Alexandre Magno

W3C, CSS

Há sempre uma dica quando você valida o código na W3C. Estes dias eu li um que foi muito útil. Basicamente ele dizia:

Muitas pessoas usam nome de classes como textoazul ou bordavermelha. A melhor maneira de nomear suas classes é pela sua função no html que ela está inserida

Se você colocar um nome da classe bordaVermelha e essa borda ficar azul? Ou seja, a aparência pode sempre mudar, mas a função que a classe representa não. Então é sempe uma boa prática nomear classes de acordo com sua função ou contexto e não com suas características. Já me deparei com esses nomes, mas realmente é um hábito ruim de programação CSS. Abaixo, vai as dicas da W3C de nomes bons e ruins:

Nomes bons

  • warning
  • important
  • download_imagem

Nomes ruins

  • fundo_azul
  • borda_verde
  • lista_bonita

Isto não vai prejudicar a apresentação final, mas com certeza é um bom hábito e uma boa prática para se ter um código mais bem lido e com uma melhor manutenção.


Comentários

Assine o RSS para comentários

João Marcos comentou:

17th Julho, 2007 às 9:21 pm

A nomeação dos elementos em uma programação sempre foi importante, no CSS não seria diferente. Apesar de ser uma linguagem puramente para design, ela não deixa de ser linda como é…

Pedro Rogério comentou:

23rd Julho, 2007 às 10:18 pm

Que bom seria se todo mundo desenvolvesse código semântico, a internet não seria o caos que é hoje, também conseguiría-mos desenvolver bem mais rapidamente. Consequências da Semântica!!!

admin comentou:

24th Julho, 2007 às 10:13 am

Com certeza Pedro, o problema é que muitos fazem o código esquecendo que um dia pode ser visualizado ou alterado por outros. Mesmo quando for desenvolver sozinho, é uma boa prática para não ter erro quando for trabalhar em equipe…

Deixe seu comentário

Os seguintes campos estão incorretos ou faltando

  • Listagem dos campos faltando
(Não será publicado) * Campos obrigatórios