Microsoft Expression Web: validar páginas
En este capítulo, aprenderemos cómo asegurarnos de que nuestro código HTML y CSS se valida. Microsoft Expression Web proporciona varias formas de comprobar sus páginas web en busca de errores de código y el código que es incompatible con un esquema HTML y CSS en particular.
La barra de estado y la vista de Código le advierten sobre errores de código e incompatibilidad en una sola página, mientras que el panel de tareas Compatibilidad enumera todos los errores de código e incompatibilidad en una o más páginas, o en un sitio web completo.
Expression Web identifica el código incompatible mediante un esquema de documento que se basa en la declaración DocType en una página.
Si la página no contiene una declaración DocType o no se reconoce el DocType, Expression Web usa una secondary schema.
Cuando crea un sitio y trabaja en sus páginas, debe desarrollar el hábito de validar las páginas. Microsoft Expression Web tiene varias herramientas que pueden ser muy útiles al validar sus páginas web. Hay dos opciones muy útiles en Expression web, así que vayamos al menú Herramientas y seleccionemos la opción Editor de página.
La pestaña General ofrece dos opciones:
Highlight Invalid HTML - Esta opción cuando está marcada, mostrará un HTML no válido en un esquema de color específico y el predeterminado en texto rojo sobre fondo amarillo.
Highlight Incompatible HTML - Esta opción cuando está marcada, mostrará un subrayado ondulado debajo del código que no es compatible con los estándares HTML.
Barra de estado
Cuando la página web actual y abierta contiene un error de código, puede ver un Code Error Detected icono (resaltado en la siguiente captura de pantalla).
Supongamos que olvidó el símbolo ">" en una etiqueta </div> -
<div id = "footer"></div>
En este caso, la barra de estado en la parte inferior de la ventana del programa muestra el icono de Error de código detectado.
Cuando seleccione "Ir a error" en el menú desplegable, lo llevará a la línea donde existe el error y podrá corregir la sintaxis fácilmente.
Cuando la página contiene un código que es incompatible con el DocType especificado, la barra de estado muestra un HTML Incompatibility Detected icono.
Supongamos que ha utilizado "hre" para un hipervínculo en lugar de "href", lo cual es un error.
<li><a href = "index.html" title = "Site Home Page">Home</a></li>
La barra de estado muestra el icono de incompatibilidad HTML detectada como se muestra en la siguiente captura de pantalla.
Cuando seleccione "Ir a error" en el menú desplegable, lo llevará a la línea donde existe el error y podrá corregir la sintaxis fácilmente.
Informe de compatibilidad
Un informe de compatibilidad comprueba las páginas y los archivos CSS en busca de errores de código y el código que es incompatible con el DocType y el esquema CSS que especifique. Puede generar un informe que verifique solo archivos particulares o un sitio web completo.
Step 1 - Para generar un informe de compatibilidad, vaya al menú de herramientas y haga clic en la opción Informes de compatibilidad….
Step 2- El cuadro de diálogo Verificador de compatibilidad proporciona diferentes opciones para verificar solo archivos particulares en su sitio, ya sea abrir esos archivos o seleccionarlos en el panel de tareas Lista de carpetas o en la vista Sitio web. Seleccione las opciones según el requisito y haga clic en el botón Verificar.
Step 3- Se abre el panel de tareas Compatibilidad y el estado de la generación del informe aparece en la parte inferior del panel de tareas. Al hacer doble clic en cualquier fila, lo llevará a la ubicación donde existe el error.