Semântica nas classes CSS

Uma dica para adicionar um pouco de semântica a um WebSite.

“Usar nome de classe (css) com semântica em mente”
Basta utilizar nomes que descrevam um pouco da função (como deve ser em tudo que é semântico) de determinada tag ou área sem se preocupar com seu aspecto visual .
Imagine um css de uma loja virtual:
Ex de nomes:

(bons)

  • produto
  • carrinho
  • logo
  • busca

(ruins)

  • camisa_float_esquerda
  • logo_verde
  • carrinho_topo_10

Link do w3c sobre este assunto “good class names” (em inglês)

Anúncios

4 Respostas para “Semântica nas classes CSS

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s