Las reglas básicas para
escribir HTML
Hay muchas reglas y recomendaciones para escribir un buen HTML.
Como alguien que acaba de empezar a escribir html y css, las 5 reglas que he encontrado más útiles son (sé que dijiste 3 reglas, pero todos estos son errores que cometí cuando empecé, así que pensé en agregue algunas reglas de bonificación):
1. Intente mantener su código bien formateado, ordenado y fácilmente legible.
Las etiquetas de apertura y cierre deben alinearse, y su html debe estar estructurado con sangrías y espacios en los lugares correctos.
2. No uses tablas html para el diseño.
Simplemente no lo hagas.
3. No utilice etiquetas <div> a menos que realmente las necesite.
Esto es algo de lo que fui culpable inicialmente. ¡También indexe z esos divs!
4. No utilice atributos que no necesite.
Un poco obvio, no todos los elementos necesitan una identificación, una clase, un nombre y un valor ... #justsaying
5. Si va a usar una clase, identificación o nombre, por el amor de Dios, hágalo relevante para lo que realmente hacen.
Si está especificando un ID de CSS que diseña un elemento para que se vea como una barra de búsqueda grande con un borde rojo, llámelo algo como # large-red-search
No use una identificación como # qwerty123 porque tendrá dificultades para recordar qué diablos hace cuando revisa su código en busca de errores.
¡Espero que esto ayude!
1. Respete la sintaxis y la semántica
En otras palabras: Valide su código y use el marcado de acuerdo con su propósito. Para la validación hay validadores, y tanto la sintaxis como la semántica se explican en las especificaciones. Muchas ventajas surgen de respetar la sintaxis y la semántica. En particular, evitar algunos problemas de accesibilidad y ser profesional.
2. No utilice marcas de presentación o de comportamiento
En otras palabras: Evite los elementos y atributos de presentación y comportamiento, evite los nombres de clase e ID de presentación y comportamiento, evite vincular a demasiadas hojas de estilo y scripts, evite estropear los nombres de archivos, etc. Páginas. Los cambios de marcado siguen siendo los más costosos. La separación de preocupaciones es la única opción que tiene para escribir un marcado que sea reutilizable y mantenible.
3. Deje todo lo que no sea absolutamente necesario
En otras palabras: deje todo lo que no sea absolutamente necesario. Cuestionar todo. El simple hecho de usar el marcado que realmente necesita suena fácil pero, desafortunadamente, no lo es. Requiere experiencia y conocimientos. Al cuestionar todo y omitir aún más, también busque oportunidades sintácticas (URL sin protocolo, etiquetas opcionales, valores de atributos sin comillas, etc.). Una vez que se sienta cómodo con las técnicas, dé la bienvenida no solo al rendimiento, sino también a los beneficios de mantenimiento.
Aprenda HTML5 y CSS3 para principiantes