Los comentarios en HTML son secciones de texto dentro de documentos HTML que son ignoradas por el navegador y no se muestran en la página web. Sirven para hacer que el código sea más comprensible para los desarrolladores, dejar anotaciones y desactivar temporalmente el código.

Hosting
Hosting de primera al mejor precio
  • 3x más rápido, ahora un 60 % de ahorro
  • Alta disponibilidad >99.99 %
  • Solo en IONOS: hasta 500 GB incluidos

¿Cómo comentar en código HTML?

Un comentario en HTML es una marca especial que permite a los programadores dejar notas en el código. Estas notas no son renderizadas por los navegadores web y, por lo tanto, son invisibles para los usuarios finales. Para crear un comentario en HTML, se utiliza la sintaxis <!-- Comentario -->. A continuación, se muestra un ejemplo simple que ilustra cómo insertar un comentario en un documento HTML:

<!DOCTYPE html> 
<html lang="es"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Página de ejemplo</title> 
</head> 
<body> 
    <!-- Esto es un comentario. No se mostrará en el navegador  --> 
    <h1>¡Hola, mundo!</h1> 
    <!-- <p>Este texto no se mostrará en el navegador.</p> --> 
</body> 
</html>
HTML

En el ejemplo anterior, tanto el primer comentario como el comentario en el párrafo HTML son ignorados por el navegador, de modo que solo se muestra el texto dentro del encabezado HTML.

Es importante tener en cuenta que en HTML no existe una sintaxis especial para comentarios de varias líneas. Sin embargo, se pueden utilizar varias líneas dentro de un solo comentario. Esto es útil cuando se necesitan explicaciones o notas más largas. Los comentarios de varias líneas comienzan y terminan como los de una sola línea, pero el texto intermedio puede abarcar tantas líneas como sea necesario.

Nota

Los comentarios son una de las primeras cosas que encontrarás al aprender HTML. Para conocer qué más debes tener en cuenta al programar páginas web con HTML, consulta nuestro gran tutorial de iniciación a HTML.

¿Para qué se necesitan los comentarios en HTML?

Los comentarios en HTML son una herramienta esencial en el desarrollo web. Cumplen varias funciones importantes:

  • Documentación: los comentarios ayudan a documentar el código, facilitando que otros desarrolladores, o uno mismo en el futuro, comprendan mejor el propósito y la funcionalidad de ciertos segmentos de código.
  • Desactivar el código: los programadores pueden desactivar temporalmente partes del código o etiquetas HTML sin necesidad de eliminarlas. Esto es particularmente útil para la depuración o pruebas.
  • Organización: los documentos HTML extensos se pueden estructurar y organizar mediante el uso de comentarios en HTML, lo que facilita la navegación y edición del código.
  • Anotaciones: los desarrolladores pueden dejar notas personales en el código según sea necesario.

Puntos importantes al usar comentarios en HTML

Al comentar en código HTML, los programadores deben tener en cuenta algunas consideraciones. En particular, no es posible anidar comentarios. Esto significa que un comentario no puede colocarse dentro de otro comentario ya que causaría un error. Te lo mostramos en el siguiente código:

<!-- 
    Esto es un comentario. 
    <!-- Esto es un comentario anidado y causará un error. --> 
-->
HTML

Al crear comentarios se deben seguir buenas prácticas. En primer lugar, los comentarios deben ser claros y concisos para mejorar la legibilidad del código. Los comentarios largos pueden hacer que el código sea confuso. Se deben evitar los comentarios innecesarios. En el mejor de los casos, el código debe ser lo suficientemente claro por sí solo. Los comentarios son un complemento útil, pero no sustituyen un estilo de programación limpio.

Dominios web
Compra y registra tu dominio ideal
  • Tu dominio protegido con Certificado SSL Wildcard gratis
  • Función Domain Connect para una configuración DNS simplificada gratis
  • Registro privado y gratis para mayor seguridad
¿Le ha resultado útil este artículo?
Ir al menú principal