Calidad del código

La prueba de diseño busca el uso de HTML no semántico.

¿Por qué realizamos esta prueba?

El HTML semántico representa el uso del HTML para definir la semántica (o el significado) de la información en una página web, y no como ésta debería ser mostrada. Se considera una buena práctica utilizar el HTML semántico para marcar su documento y después usar CSS para ofrecerle un estilo apropiado. Se desaconseja el uso de elementos no semánticos como <i> y <font>.

Las tablas se utilizaban tradicionalmente para trazar páginas web en dos columnas, pero desde el advenimiento de CSS y los navegadores modernos hace unos años, ya no es necesario utilizar tablas para nada, pero la información tabular. Ahora es la mejor práctica crear diseños en columnas usando divs y CSS. Esto también ayuda a la representación en navegadores no visuales o cuando una hoja de estilos de sitios no está disponible.

¿Cómo realizamos esta prueba?

Buscamos elementos dentro de las celdas de la tabla que puedan indicar el uso de tablas para el diseño. Estos incluyen divs, encabezados y tablas. También buscamos etiquetas de presentación en HTML como la etiqueta de fuente, la etiqueta en negrita y la etiqueta en cursiva.

¿Qué puedo hacer yo?

Puede que no sea fácil, pero debe convertir todas las páginas de su sitio que utilizan tablas para el diseño para utilizar divs y CSS. Utilice sólo tablas para información tabular, p. Una tabla de precios. En lugar de utilizar elementos de presentación para dar formato al texto, utilice los elementos semánticos adecuados y luego modifíquelos con CSS.