Los comentarios en HTML son una herramienta fundamental para la organización, comprensión y depuración de código HTML. Permiten a los desarrolladores dejar notas y descripciones en el código sin afectar su funcionamiento. Los comentarios pueden ayudar a los desarrolladores a entender el propósito de ciertos bloques de código y facilitan el trabajo colaborativo, ya que los demás desarrolladores pueden entender rápidamente qué está sucediendo en diferentes partes del código gracias a estos.
En HTML, un comentario se inicia con <!-- y se cierra con -->. Todo lo que esté entre estos dos conjuntos de caracteres será ignorado por el navegador al procesar el código HTML.
Aquí tienes un ejemplo básico de un comentario en HTML:
<!-- Este es un comentario en HTML -->
Este comentario no afectará la página web de ninguna manera y no será visible para los usuarios finales. Sin embargo, sí será visible para cualquier persona que vea el código fuente de la página.
Es posible incluir comentarios de varias líneas. Simplemente, se debe iniciar el comentario con <!-- y terminarlo con -->, sin importar cuántas líneas estén en medio.
<!--
Este es un comentario en HTML
que ocupa varias líneas.
-->
Además, los comentarios pueden ser muy útiles para "deshabilitar" temporalmente fragmentos de código HTML. Por ejemplo, si se tiene un elemento que no se desea mostrar en la página web, se puede comentar ese bloque de código y el navegador lo ignorará.
<!--
<div>
<p>Este es un párrafo que no será mostrado en la página web porque está dentro de un comentario.</p>
</div>
-->
Es importante destacar que los comentarios no deben ser usados para ocultar información sensible o confidencial, ya que cualquier persona puede ver los comentarios simplemente accediendo al código fuente de la página.
Por último, aunque los comentarios son útiles, es recomendable usarlos con moderación. Demasiados comentarios pueden hacer que el código sea difícil de leer y entender. Además, aunque los comentarios no se muestren en la página web, sí se envían al cliente junto con el resto del código HTML, por lo que un exceso de comentarios puede aumentar innecesariamente el tamaño de la página.
Alan Sastre
Ingeniero de Software y formador, CEO en CertiDevs
Ingeniero de software especializado en Full Stack y en Inteligencia Artificial. Como CEO de CertiDevs, HTML es una de sus áreas de expertise. Con más de 15 años programando, 6K seguidores en LinkedIn y experiencia como formador, Alan se dedica a crear contenido educativo de calidad para desarrolladores de todos los niveles.
Más tutoriales de HTML
Explora más contenido relacionado con HTML y continúa aprendiendo con nuestros tutoriales gratuitos.
Aprendizajes de esta lección
- Comprender la importancia de los comentarios en HTML para la claridad y depuración del código.
- Aprender a crear comentarios en HTML utilizando la sintaxis
<!--y-->. - Conocer la posibilidad de incluir comentarios de varias líneas en el código HTML.
- Entender cómo usar comentarios para deshabilitar temporalmente fragmentos de código.
- Reconocer la importancia de utilizar los comentarios con moderación para mantener la legibilidad y evitar aumentar innecesariamente el tamaño de la página web.