Considere este código: (font face = veces) Esto (la fuente) (font face = veces) (fuerte) BOLD (fuerte) (fuente) (font face = veces) Palabra (tipo de letra) Esta toma hasta 90 caracteres. Esto está muy mal html escrito y es lo que de vez en cuando recibirá al utilizar un editor WYSIWYG. Desde las (fuentes) etiquetas están repitiendo la misma información que podemos simplemente nido los (fuertes) etiquetas dentro de las (fuentes) las etiquetas, y mejor aún utilizar el (b) la etiqueta en lugar de la (fuerte) etiqueta.
Esto nos daría este código (font face = veces) Este (b) BOLD (b) Palabra (tipo de letra), ocupando sólo 46 caracteres. Este es nuestro segundo principio de código HTML limpio: Utilice etiquetas anidadas cuando sea posible. Tenga en cuenta que los editores WYSIWYG actualizará con frecuencia el formato agregando capa tras capa de código anidado. Así, mientras que usted está limpiando encima de la mirada de código para el código anidado redundante puesto allí por su programa de edición WYSIWYG.
Un gran problema con el uso de etiquetas HTML es que tenemos que repetir la codificación de etiquetas cada vez que cambiamos el formato. La llegada de CSS nos permite una gran ventaja en la codificación limpia por lo que nos permite Layout el formato una vez en un documento, entonces simplemente se refieren a ella una y otra vez.
Si tuviéramos seis párrafos en una página que cambiar entre dos diferentes tipos de formato, como encabezados en azul, Negrita, Ariel, tamaño 4 y texto de párrafo en Negro, Times, tamaño 2, el uso de etiquetas que tendría que enumerar que el formateo completo cada vez que hacemos un cambio. (font face = color Ariel = azul tamaño = 4) (b) Nuestro rumbo (/b) (/font) (font face = color Tiempos = tamaño negro = 2) Nuestra párrafo (/font) (font face = color Ariel = azul tamaño = 4) (b) Nuestra siguiente encabezado (/b) (/font) (font face = color Tiempos = tamaño negro = 2) Nuestra siguiente párrafo (/font) Entonces tendríamos repetir esto para cada encabezamiento y el párrafo, lotes de código html.
Con CSS podemos crea