HTML5

HTML

Tutorial HTML: Comentarios

HTML comentarios: uso y buenas prácticas. Aprende a usar comentarios en HTML con buenas prácticas y ejemplos detallados.

Aprende HTML y certifícate

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.

Aprende HTML online

Otras lecciones de HTML

Accede a todas las lecciones de HTML y aprende con ejemplos prácticos de código y ejercicios de programación con IDE web sin instalar nada.

Accede GRATIS a HTML y certifícate

Ejercicios de programación de HTML

Evalúa tus conocimientos de esta lección Comentarios con nuestros retos de programación de tipo Test, Puzzle, Código y Proyecto con VSCode, guiados por IA.

Objetivos de aprendizaje de esta lección

  1. Comprender la importancia de los comentarios en HTML para la claridad y depuración del código.
  2. Aprender a crear comentarios en HTML utilizando la sintaxis <!-- y -->.
  3. Conocer la posibilidad de incluir comentarios de varias líneas en el código HTML.
  4. Entender cómo usar comentarios para deshabilitar temporalmente fragmentos de código.
  5. 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.