Comentarios HTML
Ya puedes escribir encabezados y párrafos que el visitante ve. A veces necesitas una nota para ti o tu equipo que no debe aparecer en la página. Los comentarios HTML resuelven eso. Esta lección muestra la sintaxis del comentario y cuándo usarlo con cuidado.
¿Qué es un comentario HTML?
Un comentario HTML es texto envuelto entre <!-- y -->. El navegador lo analiza como comentario y no lo muestra como contenido visible de la página. Los comentarios sirven para recordatorios cortos, etiquetas de sección en el código o para desactivar temporalmente un trozo de markup mientras pruebas.
Respuesta directa
Escribe un comentario así: <!-- tu nota aquí -->. Todo lo que hay entre el <!-- de apertura y el --> de cierre permanece en el archivo fuente pero no se renderiza como texto, encabezado o párrafo normal para los visitantes. Abre View Source o DevTools si necesitas confirmar que el comentario sigue en el archivo.
Un comentario simple
html<!-- Esta nota es solo para desarrolladores -->
<p>Este párrafo es visible en la página.</p>Leer el ejemplo
- La primera línea es un comentario — los visitantes no ven esa frase en la página
- El párrafo de debajo es contenido visible normal
- Ambas líneas permanecen en el archivo HTML al guardar
Comentarios multilínea y ocultar temporalmente
Los comentarios pueden abarcar más de una línea. Un uso habitual de principiantes es envolver un bloque que quieres desactivar temporalmente, en lugar de borrarlo. Luego puedes quitar los marcadores del comentario para devolver el markup. Mantén los bloques temporales cortos para que el archivo siga siendo legible.
Comentar un bloque
html<h1>Título visible</h1>
<!--
<p>Este párrafo está oculto mientras pruebas.</p>
<p>Este también.</p>
-->
<p>Este párrafo sigue mostrándose.</p>Los comentarios no son seguridad
Cualquiera puede abrir View Source y leer tus comentarios. No pongas contraseñas, claves privadas ni tokens secretos de API en comentarios HTML. Los comentarios son para notas de desarrollo, no para ocultar datos sensibles.
Pruébalo tú mismo
- Abre tu archivo de práctica HTML
- Añade un comentario corto encima de un párrafo explicando para qué sirve
- Envuelve un párrafo en un comentario multilínea para ocultarlo temporalmente
- Guarda y abre la página — confirma que solo se ve el contenido sin comentar
- Usa View Source (o el editor) para confirmar que el texto del comentario sigue en el archivo
Errores comunes
- Olvidar el
-->de cierre de modo que el contenido siguiente desaparece o se rompe - Poner contraseñas o secretos dentro de comentarios
- Dejar bloques comentados enormes mucho tiempo en páginas de producción
- Esperar que los comentarios oculten el contenido de View Source (no lo hacen)
- Usar comentarios en lugar de encabezados o párrafos reales para texto del visitante
Resumen
- Los comentarios HTML usan
<!--y--> - El texto del comentario no se muestra como contenido visible de la página
- Usa comentarios para notas, pistas de sección u ocultación temporal breve
- Los comentarios multilínea pueden envolver un bloque pequeño al probar
- Los comentarios son visibles en el código — nunca guardes secretos ahí
- Prefiere markup vivo y claro para el texto que los visitantes deben leer
🧠 Pon a Prueba tu Conocimiento
Pon a Prueba tu Conocimiento
Ponte a prueba con este cuestionario interactivo y descubre qué tan bien entiendes el tema
📝 Instrucciones
- Lee cada pregunta cuidadosamente
- Selecciona la mejor respuesta para cada pregunta
- Puedes repetir el quiz tantas veces como quieras
- Tu progreso se mostrará en la parte superior