1. Configurando a cor de fundo da página web Chance de cometer um erro: Muito alta Universalidade: ampla Possibilidade de cometer erros: Preguiçoso/não sei Há cerca de 2 anos, descobri que a cor de fundo não estava definida no 21cn. Naquela época, avisei por e-mail. Desde então, nunca tive esse problema. A cor de fundo das janelas da maioria das pessoas é branca, mas se você for uma pessoa como eu, você mudará a cor de fundo da janela do Windows para cinza ou outras cores desta forma, se não definir a cor de fundo da web. página, o que você pensaria que seria uma página da web normal ficaria uma bagunça no meu computador. 2. Abuso do Align center (centralização automática) Chance de cometer um erro: Muito alta Universalidade: Muito ampla Possibilidade de cometer erros: achar conveniente/pensar fácil de usar No trabalho, é comum modificar e manter páginas web de outras pessoas. Descobri que muitas pessoas têm um mau hábito: Como você centraliza, esquerda ou direita o texto ou as imagens na tabela? <div align="center">Olá a todos! ! </div> Quando há muitas tabelas, muito texto e conteúdo muito detalhado, as pessoas que gostam de usar esse método (sua tecla de atalho em DW é Ctrl+Alt+C, FP não sabe o que é) costumam usá-lo descontroladamente e é horrível. Desculpe, fico com dor de cabeça toda vez que encontro uma página da Web como esta. Por que preciso usar tantos <div>s para centralizá-la? diga-me por quê? A tabela não tem uma propriedade centralizada? Por que adicionar esse código indesejado? Ao fazer modificações especiais, você não poderá excluir texto ou imagens e eles serão automaticamente apagados. Recomenda-se usar <td align="center"> para centralização. Quando for necessário posicionamento múltiplo, considere apenas <div align="center"> Como esse código não é fácil de manusear, use uma tabela, se possível. 3. Uso repetido de código que implementa a mesma função ou código confuso e diverso. Probabilidade de erro: muito comum. Universalidade: Muito comum Possibilidade de erro: complexo e variado Vamos dar uma olhada no seguinte código primeiro: Não sei como os leitores se sentem. Basicamente, quando vejo esse código, fico entorpecido por cerca de dez segundos. O objetivo desses dez segundos é encontrar uma palavra que possa expressar meus pensamentos e sentimentos (eu? Você quer. para me perguntar de volta? Desculpe ~~, geralmente não faço isso, porque passo pelo menos metade do meu tempo navegando no código e posso dizer rapidamente que há muitas coisas no código.) Dê uma olhada no código acima. Ele usa 2 classes e 4 fontes para definir 2 textos. Na verdade, esses problemas geralmente surgem quando as pessoas os modificam constantemente. , ou não entendem o código As pessoas que gostam de verificar o código são particularmente culpadas por esses problemas. Claro, na verdade, quando outras pessoas navegam nesta página da web, não há problemas, mas os mantenedores... Há outra questão que precisa ser mencionada, que é <p>...</p> e <center>...</center> Por que devemos usá-los? diga-me por que ~~, alguns casos são assim: <td><div align="center" class="css_id"> Sinto-me desamparado quando vejo um código como este (e o que é ainda mais desamparado é que frequentemente o vejo e preciso lê-lo). Não parece que o mundo está muito mais silencioso? O texto após o "título" pode ser definido na classe <td> Mesmo se você não usar css, não há problema em usar um <.font> adicional. 4.As tabelas não estão aninhadas corretamente Chance de cometer erros: média universalidade: universal Possibilidade de erro: Não sei sobre isso Na verdade, esse é um problema bem conhecido, mas as pessoas ainda o fazem. Tabelas aninhadas incorretas podem fazer com que seu chefe o chame ao escritório e lhe dê uma bronca. Isso pode fazer você pensar que páginas da web normais usam ADSL. não será ligado mesmo depois de 2 ou 3 minutos. Vamos falar primeiro sobre o primeiro problema, que é que o aninhamento contínuo de tabelas em uma tabela grande diminuirá a velocidade de abertura de páginas da web (embora o IE atual tenha melhorado esse problema, ainda não é recomendado fazer isso). Por um lado, é extremamente inconveniente manter e modificar. De modo geral, não há problema com a aplicação simples, mesmo com 3 ou 4 camadas, mas não coloque tudo em uma mesa. O segundo problema é colocar tudo em uma tabela grande, inclusive um código de contador grátis, hehe, adivinha o que pode acontecer? Na verdade, não é grande coisa. O mais sério é que seu IE parece ter travado e nada é exibido. A solução é colocar o contador em uma tabela separada, e não na mesma tabela com outro conteúdo. 5. Ao escrever o recuo do código, use espaços em vez de tabulações. Chance de cometer erros: média Prevalência: menos Possibilidade de cometer erros: não sei qual Tab é melhor para usar Esta questão é para js, vbs, asp, php, etc. HTML não pode usar Tab. Qualquer pessoa que saiba escrever alguns programas sabe o que é indentação. Algumas pessoas usam espaços, outras usam Tab. Se você usar espaços, de agora em diante, use Tab. Tianjiyesky
<div align="center"><img src="xx.gif"></div>
<center><p><font class="css_id"><font class="font11"><font color="#CCCCCC"><font color="#FFA76C" style="font-size:14px;font- family:script oficial">Título</font></font></font>
</center>Como você acha que é esse código? </font></p>
Esses códigos indesejados redundantes podem ser completamente omitidos. Na verdade, os exemplos acima não são sérios o suficiente.
<centro>
<palign="center"></p>
<p align="center"><font class="css_id"><font class="font11"><font color="#CCCCCC"><font color="#FFA76C" style="font-size:14px; font-family:script oficial">Título</font></font></font>
</center></td>Como você acha que é esse código? </font></p></center></div></td>
<td alinhar="center" class="css_id">
<font color="#FFA76C" style="font-size:14px;font-family:script oficial">Título</font>
Como você acha que é esse código? </td>