5 erros comuns de HTML durante a construção do site
1. Configurações da página da página da web
Chance de erro: muito alto
Universalidade: mais ampla
Possibilidade de cometer erros: preguiçoso/não tenho certeza
Cerca de 2 anos atrás, descobri que não havia cor de fundo em 21cn. Eu os notifiquei usando email e nunca fiz esse problema desde então.
A maioria das pessoas tem cores de fundo branco nas janelas, mas se alguém como eu for uma pessoa, elas mudarão a cor de fundo das janelas do Windows para cinza ou outras cores. Dessa forma, se você não definir a cor de fundo da página da web, acha que uma página da web normal parecerá uma bagunça no meu computador.
2. Abuso de alinhamento Center
A probabilidade de cometer um erro: muito alto
Universalidade: Muito amplo
Possibilidade de cometer erros: acho que é conveniente / acho que é fácil de usar
No trabalho, é comum modificar e manter as páginas da web de outras pessoas, e descobri que muitas pessoas têm um mau hábito:
No texto ou na imagem da tabela, como você o faz de centro, esquerda ou direita?
〈Div Align = Center> Olá a todos! ! 〈/Div>
〈Div align = centro> 〈img src =/xx.gif> 〈/div>
Quando algumas tabelas são muitas, os textos são muito e o conteúdo é dividido com muito cuidado, as pessoas que gostam de usar esse método (a chave de atalho no DW é Ctrl+Alt+C, não sei o que é FP) geralmente o usa. É uma pena. Quando encontro uma página da Web, tenho dor de cabeça. Por que preciso usar tantos <div> para centralizá -lo? me diga por quê? A tabela não tem atributo de centralização? Por que adicionar esses códigos lixo? Ao modificá -lo, você não pode excluir o texto ou imagens e limpá -lo automaticamente.
Recomenda -se usar <td align = center> para centrar. Quando o posicionamento múltiplo for necessário, considere <div align = Center>. Como esse código não é fácil de lidar, portanto, se você pode usar uma tabela, use uma tabela.
3. Código de reutilização que implementa a mesma função, ou código confuso
Probabilidade de erro: muito comum
Universalidade: muito comum
Possibilidade de cometer erros: complexo e diversificado
Vamos dar uma olhada no seguinte código:
〈Center> 〈P> 〈font> 〈font> 〈font cor =#cccccc> 〈font color =#ffa76c style = font-size: 14px; font-family: 家家> 〈/font> 〈/font> 〈/font>
〈/Center> Como você acha que esse código se parece? 〈/Font> 〈/p>
Não sei o que os leitores sentem. Assim que vejo esse código, ficarei entorpecido por dez segundos. O objetivo desses dez segundos é encontrar uma palavra que possa expressar meus pensamentos e sentimentos (eu? Você quer me perguntar de volta? Desculpe ~~, geralmente não cometo nenhum erro, porque passo pelo menos metade do meu tempo navegando em páginas da web e vejo que há muitas coisas no código que não deveriam ser muito.).
Veja o código acima. Ele usa 2 classes e 4 fontes para definir 2 textos. De fato, esses problemas geralmente são causados pelas constantes modificações das pessoas. As pessoas que não estão familiarizadas com o código têm preguiça de ver o código ou não gostam de ver o código, esses problemas são particularmente graves. Obviamente, na verdade, não há problema quando outros navegam nesta página da web, mas a pessoa que a mantém ......
Esses códigos lixo extras podem ser completamente omitidos. De fato, os exemplos acima não são graves o suficiente, e eu os vi ainda mais aterrorizantes.
Outra pergunta a ser mencionada é 〈P> ... 〈/p> e 〈Center> ... 〈/Center>, por que usá -los? Diga -me por que ~~, o que é isso:
〈TD> 〈Div align = Center>
〈Center>
〈P alinhamento = centro> 〈/p>
〈P align = centro> 〈font> 〈font> 〈font cor =#cccccc> 〈font color =#ffa76c style = font-size: 14px; font-family: 家家> 〈/font> 〈/font> 〈/font>
〈/Center> 〈/td> Como você acha que esse código é? 〈/Font> 〈/p> 〈/Center> 〈/div> 〈/td>
Ficarei impotente quando vir esse código (ainda mais impotente é que muitas vezes o vejo e tenho que lê -lo). Deixe -me simplificar:
〈TD ALING = CENTRO>
〈Fonte Color =#FFA76C estilo = tamanho da fonte: 14px; Font-Family: 家家> Título 〈/Font>
Como você acha que esse código é? 〈/Td>
Você parece sentir que o mundo é muito mais silencioso? A conclusão do texto após o título pode ser definida na classe de <td>. Mesmo se você não usar CSS, não há problema em usar um <.font> extra, ainda é muito refrescante.
4. A tabela está incorretamente aninhada
Probabilidade de erro: normal
Universalidade: Universal
Possibilidade de cometer erros: não sei disso
Na verdade, isso é um problema de estar ciente das ruas, mas as pessoas ainda continuam causando problemas. Formulários aninhados incorretos podem fazer você repreender o chefe no escritório e fazer você pensar que uma página da web normal não pode ser aberta por 2 ou 3 minutos com o ADSL. Vamos falar sobre o primeiro problema primeiro, que é constantemente aninhar as mesas em uma mesa grande, que diminuirá a velocidade da abertura das páginas da web (embora o IE atual tenha melhorado esse problema, ainda não é recomendável fazer isso). Por outro lado, a manutenção e a modificação também são extremamente inconvenientes. De um modo geral, não há nenhum problema com a aplicação simples, mesmo as camadas 3 ou 4, mas não coloque todo o conteúdo em uma tabela. O segundo problema é colocar tudo em uma tabela grande e inclui um código de contador gratuito. Hehehe, adivinhe o que é possível? Na verdade, não é grande coisa. O mais sério é que o seu IE é como um acidente e nada é exibido. A solução é colocar o contador em uma única tabela e não na mesma tabela que outros conteúdos.
5. Ao escrever o recuo do código, use guias não, mas espaços
Probabilidade de erro: normal
Universalidade: Menos
Possibilidade de cometer erros: não sei se a guia é melhor
Esta pergunta é para JS, VBS, ASP, PHP, etc. Se você não pode usar a guia, pode escrever um pequeno programa, sabe o que é o recuo e como recuar? Algumas pessoas usam espaços, algumas pessoas usam guias, se você usa espaços, depois mude para as guias a partir de agora.