CSS Validator - Dica

O sentimento de estar dentro da “lei” ou das diretrizes de um órgão regulamentador é, sem dúvidas, um sentimento que todos gostam de ter. No desenvolvimento web não é diferente, muita gente gosta e faz questão de que seus sites e projetos estejam validados junto ao órgão regulamentador, nesse casso o W3C.

O que é o W3C?

O World Wide Web Consortium é uma comunidade internacional que desenvolve padrões com o objetivo de garantir o crescimento da web.

Esse é o órgão responsável por todo e qualquer padrão de desenvolvimento na web.

Validando CSS

Para validade um código css é muito simples, abaixo irei mostrar um passo a passo de como validar o seu código.

Para isso vamos primeiro entrar no site oficial de validação: http://jigsaw.w3.org/css-validator/

Figura 1: Site Oficial do CSS Validator

Agora, para validar o código basta inserir no input o link de seu código hospedado em seu servidor, como exemplo vamos usar o seguinte endereço fictício: . Esse é o css do próprio site do W3C.

Caso seu código seja validado ele deverá aparecer da seguinte forma:

Figura 2: Código CSS Validade com sucesso

O site também oferece um selo para que seja colocado em seu website, caso você queira mostrar para seus clientes que aquele site está dentro dos padrões de desenvolvimento, existem duas opção, são essas:

Listagem 1: Código do selo

<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="CSS válido!" />
    </a>
</p>      

Listagem 2: Outro código do selo

<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="CSS válido!" />
</a>
</p>
 

O site de validação costuma não validar alguns recursos css3, jquery e isso pode acusar algum tipo de erro na validação, mesmo o código estando todo certo. E isso, infelizmente não tem o que fazer quanto a isso.

Espero que tenham gostado e que tenham aprendido a como validar seus códigos css.