Curso HTML 17.2 Uso del validador de HTML (W3C Validator)

17.2 Uso del validador de HTML (W3C Validator)

El W3C Validator es una herramienta gratuita proporcionada por el World Wide Web Consortium que permite comprobar la conformidad del código HTML con las especificaciones oficiales. Su uso es esencial para:

• Detectar errores de sintaxis.
• Garantizar accesibilidad y compatibilidad entre navegadores.
• Mantener buenas prácticas y estándares web.

1. Modalidades de validación

Existen tres formas principales de validar:

1. Validación por URI (URL).
   Indicas la dirección pública de tu página y el validador descarga y revisa automáticamente el HTML.
2. Carga de archivo.
   Subes un fichero .html o .xhtml desde tu sistema local.
3. Entrada directa (Direct Input).
   Pegas tu código HTML en un campo de texto del validador.

2. Acceso y configuración básica

Sitio oficial:
https://validator.w3.org/

Configura el perfil de validación:

3. Ejemplo práctico de errores comunes

Ejemplo de código con varios errores:

    
    

      
Este párrafo no está cerrado
      
      
Un subtítulo mal ubicado
      Enlace sin cerrar
    

  

    
    

      
      
Este párrafo está correctamente cerrado.

      
      

      
      
Un subtítulo bien ubicado

      
      

        Enlace correctamente cerrado
      
    
  

5. Interpretación de resultados

• Errores (Errors): Bloquean la conformidad. Deben corregirse antes de considerar tu página válida.
• Advertencias (Warnings): No impiden la validación, pero indican prácticas mejorables (e.g., atributos obsoletos).
• Info: Datos adicionales sobre el procesamiento del documento.

6. Integración continua y plugins

Para automatizar la validación en tu flujo de trabajo:

• Plugins para editores: VSCode, Sublime Text, Atom disponen de extensiones que envían tu HTML al W3C Validator.
• Integración en CI/CD: Herramientas como Jenkins, Travis CI o GitHub Actions pueden ejecutar validaciones automáticamente.
• APIs REST: El validador ofrece un servicio web que acepta peticiones GET y POST con tu código y devuelve un informe en JSON o XML.

7. Buenas prácticas y consejos

• Validar tras cada cambio significativo en tu HTML.
• Utilizar perfiles de validación adecuados (no validar HTML5 como XHTML).
• Prestar atención a los doctype y metadatos de codificación (<meta charset='UTF-8'>).
• Leer con detalle los mensajes del validador: a veces ofrecen la línea y el contexto exacto del error.