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 tienes que 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 de juego de caracteres, los caracteres especiales están codificados La declaración del juego de caracteres debe colocarse primero en la sección 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. Bloqueo adecuado La sangría no afectará la representación de las páginas web, pero mejorará significativamente la experiencia al leer el 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 referencias de CSS y JavaScript en archivos externos 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 reducir efectivamente las descargas repetidas del mismo código. 5. Anide las etiquetas 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 representarán correctamente, este no es un buen hábito. La etiqueta es un objeto de bloque, sino un objeto en línea. Los objetos en línea no deben contener objetos de bloque. 6. Elimina divs innecesarios A menudo se abusa de los divs (especialmente en el mito de DIV+CSS en el que nos encontramos ahora: Translator), la gente quiere poner todo en un div para poder asignarles estilos CSS, y este abuso puede provocar hinchazón. 7. Utilice mejores convenciones 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 utilizar CSS para controlar el diseño del texto. Como se muestra en la figura siguiente, no utilice letras mayúsculas directamente. Utilice CSS para controlar el formato de estas palabras, que será más flexible. 9. Asigne una clase/id independiente al cuerpo. Asignar una clase/id independiente a la etiqueta del cuerpo 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 tus páginas web siempre que sea posible. Aunque el navegador puede corregir automáticamente algunos errores de codificación, algunos errores tendrán consecuencias negativas, especialmente si 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 %Si anuncias que tu sitio web no soporta IE6 a través de la verificación del W3C, al menos en China, perderás más de lo que ganarás - Traductor 11. Orden estructural razonable Mantenga la estructura de su página web en un orden lógico. 12. Haz tu mejor esfuerzo Si comienza a escribir desde cero, por supuesto, es mucho más fácil mantener los principios anteriores. Si desea modificar el código anterior, será muy doloroso. La mala codificación de algunos sistemas CMS lo pondrá en un atolladero. El sitio web deberá modificarse si es de gran escala. Hay tantas cosas, pase lo que pase, es importante mantener siempre buenos hábitos.