Nomeie classes semanticamente.

É prática comum adotar-se nomes para classes tais como, textoazul, ou bordavermelha. Uma maneira bem melhor de se nomear classes, é escolher nomes que lembrem a função do elemento HTML ao qual a classe é atribuida. Bons nomes não mudam

Raciocine e considere o porquê determinada coisa deve ter tal aparência e não com que ela deve se parecer. Aparências podem mudar no futuro, mas as razões para se ter atribuido a aparência continuarão as mesmas.

Bons nomes alerta, importante, imagensdownload e submenu são todos bons nomes. Eles descrevem o que os elementos representam, e parece que não mudarão no futuro. Um alerta será sempre um alerta, independentemente da aparência da página. Maus nomes borda4px, textoclaro e fundolegal são exemplos de maus nomes. Você poderá no futuro resolver aumentar a borda para 5px, ou o seu fundo legal poderá tornar-se horrível. Uma das vantagens das CSS é que você não precisa realizar grandes mudanças para alterar o visual do seu website. Se você tiver que mudar todos os textos claros para escuro e consequentemente ter que trocar todas as classes nomeadas textoclaro para textoescuro, no HTML de todas as páginas, é bastante provável que você cometa omissões.

Leitura complemantar

* Uma online presentation sobre separação de semântica e marcação visual. * A homepage do Web Style Sheets. * Using style sheets um guia de estilos.

-- MarioTeza - 04 Jan 2005

Topic revision: r1 - 04 Jan 2005 - 14:33:56 - MarioTeza


Create personal sidebar

 
This site is powered by FoswikiCopyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding Wiki-SL? Send feedback