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ê tiver que 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 A declaração do conjunto de caracteres deve ser colocada primeiro na seção 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. Bloqueio adequado O recuo não afetará a renderização das páginas da web, mas melhorará 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. Coloque CSS e JavaScript em arquivos externos Colocar referências CSS e JavaScript em arquivos externos 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. Além disso, o mecanismo de cache do navegador pode efetivamente reduzir downloads repetidos do mesmo código. 5. Aninhe tags 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. A tag é um objeto de bloco, mas um objeto embutido. Objetos embutidos 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 elas, e esse abuso pode levar ao inchaço. 7. Use convenções 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. E se você quiser mudar Cat para azul em negrito? 8. Tente usar CSS para controlar o layout do texto Conforme mostrado na figura abaixo, não use letras maiúsculas diretamente. Use CSS para controlar a formatação dessas palavras, o que será mais flexível. 9. Atribua uma classe/id independente ao corpo Atribuir uma classe/id independente à tag body pode facilmente localizar 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 de suas páginas da web sempre que possível. Embora alguns erros de codificação possam ser corrigidos automaticamente pelo navegador, alguns erros terão consequências negativas, especialmente se 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 %Se você anunciar que seu site não suporta IE6 através da verificação W3C, pelo menos na China, você perderá mais do que ganhará - Tradutor 11. Ordem estrutural razoável Mantenha a estrutura da sua página web em uma ordem lógica. 12. Faça o seu melhor Se você começar a escrever do zero, é claro que será muito mais fácil manter os princípios acima. Se você quiser modificar o código antigo, será muito doloroso. A má codificação de alguns sistemas CMS irá colocá-lo em um atoleiro. o site precisará ser modificado se for em grande escala. Tem tanta coisa, não importa o que aconteça, é importante sempre manter bons hábitos.