5 errores HTML comunes durante la construcción del sitio web
1. Configuración del color de fondo de la página web
Posibilidad de error: muy alto
Universalidad: más amplia
Posibilidad de cometer errores: perezoso/no seguro
Hace unos 2 años, descubrí que no había color de fondo en 21cn. Les noté usando el correo electrónico, y nunca he hecho este problema desde entonces.
La mayoría de las personas tienen colores de fondo blanco en las ventanas, pero si alguien como yo es una persona, cambiará el color de fondo de las ventanas de las ventanas a gris u otros colores. De esta manera, si no establece el color de fondo de la página web, cree que una página web normal se verá como un desastre en mi computadora.
2. Abuso del Centro Alineado
La probabilidad de cometer un error: muy alto
Universalidad: muy amplia
Posibilidad de cometer errores: piense que es conveniente / piense que es fácil de usar
En el trabajo, es común modificar y mantener las páginas web de otras personas, y descubrí que muchas personas tienen un mal hábito:
En el texto o la imagen de la tabla, ¿cómo se hace centrar, a la izquierda o a la derecha?
〈Div Align = Center> ¡Hola a todos! ! 〈/Div>
〈Div Align = Center> 〈IMG src =/xx.gif> 〈/div>
Cuando algunas tablas son muchas, los textos son mucho, y el contenido se divide con mucho cuidado, las personas a las que les gusta usar este método (la clave de acceso directo en DW es Ctrl+Alt+C, no sé qué es FP) a menudo lo usan salvajemente. Es una pena. Cuando me encuentro con una página web de este tipo, tengo dolor de cabeza. ¿Por qué necesito usar tantos <div> para centrarlo? ¿Dime por qué? ¿La tabla no tiene atributo de centrado? ¿Por qué agregar estos códigos de basura? Al modificarlo, no puede eliminar el texto o las imágenes y limpiarlo automáticamente.
Se recomienda usar <td align = center> al centro. Cuando se requiere un posicionamiento múltiple, considere <Div align = Center>. Debido a que este código no es fácil de manejar, por lo que si puede usar una tabla, use una tabla en su lugar.
3. Reutilizar código que implementa la misma función, o código desordenado
Probabilidad de error: muy común
Universalidad: muy común
Posibilidad de cometer errores: complejo y diverso
Echemos un vistazo al siguiente código:
〈Centro> 〈P> 〈Font> 〈Font> 〈Font Color =#CCCCCC> 〈Font Color =#FFA76C style = Font-Size: 14px; Font-Family: 家家> 〈/Font> 〈/Font> 〈/Font>
〈/Center> ¿Cómo crees que se ve tal código? 〈/Fuente> 〈/P>
No sé qué sienten los lectores. Tan pronto como veo dicho código, estaré entumecido durante diez segundos. El propósito de estos diez segundos es encontrar una palabra que pueda expresar mis pensamientos y sentimientos (¿yo? ¿Quieres preguntarme de nuevo? Lo siento ~~, generalmente no cometo ningún error, porque paso al menos la mitad de mi tiempo navegando en el código en las páginas web, y puedo ver que hay demasiadas cosas en el código que no deberían ser demasiado).
Mira el código anterior. Utiliza 2 clases y 4 fuentes para definir 2 textos. De hecho, tales problemas a menudo son causados por las constantes modificaciones de las personas. Las personas que no están familiarizadas con el código son flojas para ver el código o no les gusta ver el código, estos problemas son particularmente graves. Por supuesto, de hecho, no hay problema cuando otros navegan por esta página web, pero la persona que la mantiene ......
Estos códigos de basura adicionales se pueden omitir por completo. De hecho, los ejemplos anteriores no son lo suficientemente graves, y los he visto aún más aterradores.
Otra pregunta a mencionar es 〈P> ... 〈/P> y 〈Center> ... 〈/Center>, ¿por qué usarlos? Dime por qué ~~, ¿qué es esto?
〈TD> 〈Div Align = Center>
〈Centro>
〈P Align = Center> 〈/P>
〈P align = Center> 〈Font> 〈Font> 〈Font Color =#CCCCCC> 〈Font Color =#FFA76C style = Font-Size: 14px; Font-Family: 家家> 〈/Font> 〈/Font> 〈/Font>
〈/Center> 〈/td> ¿Cómo crees que se ve tal código? 〈/Font> 〈/p> 〈/Center> 〈/div> 〈/td>
Estaré indefenso cuando veo un código así (aún más indefenso es que a menudo lo veo, y tengo que leerlo). Déjame simplificarlo:
〈TD Align = Center>
〈Font color =#ffa76c style = font-size: 14px; font-familia: 家家> title 〈/font>
¿Cómo crees que se ve tal código? 〈/TD>
¿Pareces sentir que el mundo es mucho más tranquilo? La finalización del texto después del título se puede definir en la clase de <td>. Incluso si no usa CSS, está bien usar un extra <font>, todavía es muy refrescante.
4. La tabla está anidada incorrectamente
Probabilidad de error: normal
Universalidad: Universal
Posibilidad de cometer errores: no sé esto
De hecho, este es un problema de ser consciente de las calles, pero la gente sigue causando problemas. Los formularios anidados incorrectos pueden hacer que el jefe de la oficina lo regañe y te haga pensar que no se puede abrir una página web normal durante 2 o 3 minutos con ADSL. Hablemos primero sobre el primer problema, que es anidar constantemente las tablas en una tabla grande, lo que ralentizará la velocidad de abrir páginas web (aunque el IE actual ha mejorado este problema, aún no se recomienda hacer esto). Por otro lado, el mantenimiento y la modificación también son extremadamente inconvenientes. En términos generales, no hay problema con la aplicación simple, incluso las capas 3 o 4, pero no ponga todo el contenido en una tabla. El segundo problema es poner todo en una tabla grande, e incluye un código de mostrador gratuito. Jejeje, ¿adivina qué es posible? De hecho, no es gran cosa. Lo más serio es que su IE es como un bloqueo y no se muestra nada. La solución es colocar el contador en una sola tabla y no en la misma tabla que otros contenidos.
5. Al escribir la sangría del código, use no pestañas sino espacios
Probabilidad de error: normal
Universalidad: menos
Posibilidad de cometer errores: no sé que la pestaña sea mejor
Esta pregunta es para JS, VBS, ASP, PHP, etc. Si no puede usar la pestaña, puede escribir un pequeño programa, ¿sabe qué es la sangría y cómo sangrar? Algunas personas usan espacios, algunas personas usan pestañas, si usa espacios, luego cambian a pestañas a partir de ahora.