El navegador perdona demasiado
Escribes una página con un error. El navegador no se queja. Intenta adivinar lo que querías.
A veces acierta y a veces no. Y cada navegador adivina de una forma distinta.
Por eso se comprueba una página antes de publicarla. Eso se llama validar.
Palabras clave
| Palabra | Qué significa | Ejemplo |
|---|---|---|
| Validar | Comprobar que una página sigue las reglas del lenguaje. | validar carta.html |
| Validador | Un programa que lee tu página y dice qué reglas incumple. | el validador del W3C |
| Error | Algo que rompe una regla. La página puede verse mal. | una etiqueta sin cerrar |
| Aviso | Algo que no rompe una regla, pero es mejor cambiar. | una imagen sin alt |
| Anidar bien | Cerrar primero la etiqueta que abriste última. | <p><em>Hola</em></p> |
| Depurar | Buscar un fallo y arreglarlo. | leer línea a línea |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
Qué hace un validador
Un validador es un programa que lee tu página. Después te dice las líneas que rompen las reglas.
Separa dos cosas: los errores, que rompen una regla, y los avisos, que son consejos.
El W3C, la organización que cuida HTML, ofrece uno gratis en internet.
Pruébalo: una página con un error
<h1>Bar La Esquina
<p>Abierto de lunes a sábado.</p>
<p>Tortilla: 3,50 €</p>
<!-- Falta el cierre del h1. Mira qué pasa y añade </h1> -->
Ejemplo resuelto: los errores más comunes
| Error | Mal escrito | Bien escrito |
|---|---|---|
| Etiqueta sin cerrar | <strong>Hola | <strong>Hola</strong> |
| Cierre que no coincide | <h1>Título</h2> | <h1>Título</h1> |
| Anidar mal | <p><em>Hola</p></em> | <p><em>Hola</em></p> |
| Comillas sin cerrar | <a href="a.html>Ir</a> | <a href="a.html">Ir</a> |
| Imagen sin alt | <img src="a.jpg"> | <img src="a.jpg" alt="Una foto"> |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
Repaso rápido: ¿cuál es el error?
Inténtalo
Repaso rápido: ¿cuál es el error?
3 preguntasTus respuestas se corrigen aquí y no se guardan. Una cuenta guarda tus resultados.
Una carta con fallos
La página de abajo es una carta con errores a propósito. No la ejecutes todavía.
Léela línea a línea, como un validador. Cuenta los fallos que ves.
Busca los errores
<h1>Bar La Esquina</h2>
<p><strong>Abierto de lunes a sábado.</p>
<ul>
<li>Tortilla: 3,50 €</li>
<li>Café: 1,40 €</li>
</ul>
<img src="carta.jpg">
<p><strong>Hoy:</strong> <em>menú del día</strong></em></p>
<a href="inicio.html>Volver al inicio</a>