Um código bonito é a base de um site bonito. CSS excelente só existe em cima de um HTML igualmente excelente. O código HTML semântico e limpo torna um site mais robusto. Este artigo descreve 12 leis para obter um código de web design limpo, adequado para qualquer pessoa envolvida em web design.
1. DOCTYPE estrito
Se você quiser fazer isso, faça certo. Quer seja HTML 4.01 ou XHTML 1.0, todos eles fornecem o modo Estrito. O uso do modo Estrito pode garantir que nosso código não esconda nenhum erro.
2. Declaração do conjunto de caracteres, caracteres especiais são codificados e processados
A declaração do conjunto de caracteres deve ser colocada na frente da parte hea> para que o navegador saiba como exibir todo o conteúdo da página web, incluindo o título. Além disso, é melhor substituir alguns caracteres especiais, como &, por &, que é o método mais seguro.
3. O bloqueio e
o recuo adequados não afetarão a renderização das páginas da web, mas melhorarão significativamente a experiência de leitura do código-fonte. Não há regras específicas para recuo, mas é uma boa prática ser consistente o tempo todo.
4. Colocar CSS e JavaScript
em
arquivos externos. Colocar CSS e JavaScript em arquivos externos para referência não apenas reduz o tamanho de uma única página da web, mas também significa que outras páginas da web podem compartilhar esses códigos. seja melhor.Minimize downloads repetidos do mesmo código.
5. Aninhe a tag Tag corretamente
conforme mostrado abaixo. Na primeira linha do código, a tag h1> está aninhada na tag a> Embora a maioria dos navegadores a renderize corretamente, este não é um bom hábito. mas objetos Inline, objetos inline não devem conter objetos de bloco.
6. Elimine divs desnecessários
Divs são frequentemente abusados (especialmente no mito DIV+CSS em que estamos agora - Tradutor). As pessoas querem colocar tudo em um div para que possam ter estilos CSS atribuídos a eles. em inchaço.
7. Use regras de nomenclatura melhores.
Conforme mostrado abaixo, a classe CSS de Cat é chamada de vermelho itálico, o que implica que Cat usa vermelho itálico.
8. Tente usar CSS para controlar a formatação do texto
conforme mostrado na figura abaixo. Não use letras maiúsculas diretamente para controlar a formatação do texto, o que será mais flexível.
9. Atribua uma classe/id independente ao corpo
. Atribua uma classe/id independente à tag body, que pode localizar facilmente qualquer objeto na página, porque todos os objetos na página estão localizados no corpo.
10. Verificação
Escusado será dizer que você deve verificar o código da página da web tanto quanto possível. Embora alguns erros de código possam ser corrigidos automaticamente pelo navegador, alguns erros terão consequências ruins, especialmente quando você estiver no modo Estrito. Mesmo que você não faça nada, ver aquela marca verde de verificação do W3C pode pelo menos fazer você se sentir melhor.
Não há necessidade de ser rígido para passar na verificação do W3C. Existem mais considerações no design da Web. Apenas seguir os resultados da verificação do W3C pode afetar alguns fatores mais importantes. 100% Declarar através da verificação do W3C que um site não suporta o IE6 irá, pelo menos na China, perder mais do que ganhar - Tradutor
11. Ordem estrutural razoável
Mantenha a estrutura da página web numa ordem lógica.
12. Faça o melhor que puder
Se você estiver escrevendo do zero, é claro que será muito mais fácil manter os princípios acima. Se você tiver que modificar o código antigo, será doloroso para alguns sistemas CMS. , ou seu Há tantas coisas para mudar em um site grande, não importa o que aconteça, é muito importante manter sempre bons hábitos.