Validación

Cada signo de puntuación, atributo y tag -nombre de tag, apertura, cierre o corchete- es crucial en el código. Sin embargo, para los principiantes puede resultar difícil seguir la pista de todos ellos. Afortunadamente, existen validadores para ayudar.

El objetivo de la validación es identificar errores de sintaxis en el marcado de un documento HTML. Los validadores son programas informáticos que pueden realizar estas comprobaciones. Tras la validación, recibimos un resultado positivo o una lista de sugerencias de revisión.

Nota
Es importante tener en cuenta que los validadores no comprueban la semántica. En su lugar, se centran en los siguientes aspectos:
Sintaxis HTML: Los validadores se aseguran de que el código HTML sigue las reglas sintácticas correctas;
Adherencia a las normas especificadas: Los validadores comprueban si el código se ajusta a los estándares HTML establecidos, como HTML5;
Corrección ortográfica de las tags: Los validadores comprueban si las tags están escritas correctamente;
Corrección del uso de atributos: Los validadores comprueban que los atributos se utilizan correctamente dentro de las tags HTML;
Corrección en la apertura/cierre de tags: Los validadores comprueban si las tags se abren y cierran correctamente;
Corrección del anidamiento de tags: Los validadores comprueban si las tags están correctamente anidadas dentro de la estructura HTML.

Vamos a utilizar un popular validador en línea llamado W3C Markup Validation Service para practicar la validación. Abre el siguiente enlace en una nueva pestaña haciendo clic sobre él: Validador

Ahora, vamos a validar un trozo de código juntos. Copia el código proporcionado a continuación para probarlo:

index

Pegue el código en la ventana del validador entre las tags de apertura y cierre <body>. A continuación, haga clic en el botón "Check".

Los errores identificados por el validador deben corregirse en el orden en que aparecen en la lista. Aunque es opcional corregir las advertencias, analizarlas y garantizar un marcado de alta calidad es una buena práctica.

Arreglemos todos los errores del ejemplo de código:

index

Al hacer estas revisiones, podemos mejorar la precisión y validez del código HTML. Las herramientas de validación son cruciales para ayudar a los desarrolladores a identificar y rectificar errores de sintaxis en el marcado HTML.

¿Todo estuvo claro?

Sección 2. Capítulo 11