Calidad del código

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

¿Por qué realizamos este análisis?

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 diseñar las páginas web en dos columnas, pero desde la llegada del CSS y los navegadores modernos hace unos años, ya no es necesario utilizar tablas, sino tabular la información. Ahora la mejor práctica es 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 este análisis?

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 al respecto?

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.