Un código hermoso es la base de un sitio web hermoso. Un CSS excelente solo existe sobre un HTML igualmente excelente. Un código HTML limpio y semántico hace que un sitio web sea más sólido. Este artículo describe 12 leyes para lograr un código de diseño web limpio, que sea adecuado para cualquier persona que se dedique al diseño web.
1. DOCTYPE estricto
Si quieres hacerlo, hazlo bien. Ya sea HTML 4.01 o XHTML 1.0, todos proporcionan el modo estricto. El uso del modo estricto puede garantizar que nuestro código no oculte ningún error.
2. Declaración del juego de caracteres: los caracteres especiales se codifican y procesan.
La declaración del juego de caracteres debe colocarse al frente de la parte hea> para que el navegador sepa cómo mostrar todo el contenido de la página web, incluido el título. Además, es mejor reemplazar algunos caracteres especiales, como &, con &, que es el método más seguro.
3. El bloqueo y
la sangría adecuados no afectarán la representación de las páginas web, pero mejorarán significativamente la experiencia de lectura del código fuente. No existen reglas específicas para la sangría, pero es una buena práctica ser coherente en todo momento.
4. Coloque CSS y JavaScript
en
archivos externos. Colocar CSS y JavaScript en archivos externos como referencia no solo reduce el tamaño de una sola página web, sino que también significa que otras páginas web pueden compartir estos códigos. Además, el mecanismo de almacenamiento en caché del navegador puede hacerlo. ser mejorMinimizar las descargas repetidas del mismo código.
5. Anide la etiqueta Tag correctamente
como se muestra a continuación. En la primera línea de código, la etiqueta h1> está anidada en la etiqueta a>. Aunque la mayoría de los navegadores la mostrarán correctamente, este no es un buen hábito. pero los objetos en línea, los objetos en línea no deben contener objetos de bloque.
6. Elimine los divs innecesarios.
A menudo se abusa de los divs (especialmente en el mito de DIV+CSS en el que nos encontramos ahora: Traductor). en hinchazón.
7. Utilice mejores reglas de nomenclatura.
Como se muestra a continuación, la clase CSS de Cat se denomina cursiva roja, lo que implica que Cat usa cursiva roja. ¿Qué sucede si desea cambiar Cat a negrita azul?
8. Intente usar CSS para controlar el formato del texto
como se muestra en la siguiente figura. No use letras mayúsculas directamente. Use CSS para controlar el formato del texto, que será más flexible.
9. Asigne una clase/id independiente al cuerpo
. Asigne una clase/id independiente a la etiqueta del cuerpo, que puede ubicar fácilmente cualquier objeto en la página, porque todos los objetos de la página están ubicados en el cuerpo.
10. Verificación
No hace falta decir que debes verificar el código de la página web tanto como sea posible. Aunque el navegador puede corregir automáticamente algunos errores de código, algunos errores tendrán malas consecuencias, especialmente cuando estás en modo estricto. Incluso si no haces nada, ver esa marca verde de verificación del W3C al menos puede hacerte sentir mejor.
No es necesario ser rígido para pasar la verificación del W3C. Hay más consideraciones en el diseño web. Solo ceñirse a los resultados de la verificación del W3C puede afectar algunos factores más importantes. Por ejemplo, IE6 tiene muchos errores en el estándar W3C. 100 %Declarar a través de la verificación del W3C que el sitio web de uno no es compatible con IE6, al menos en China, perderá más que ganará - Traductor
11. Orden estructural razonable
Mantenga la estructura de la página web en un orden lógico.
12. Haz lo mejor que puedas
Si estás escribiendo desde cero, por supuesto es mucho más fácil mantener los principios anteriores. Si tienes que modificar el código antiguo, será doloroso que algunos sistemas CMS te atasquen. , o tu Hay tantas cosas que cambiar en un sitio web grande, pase lo que pase, es muy importante mantener siempre buenos hábitos.