Published on

Comments (<!-- ... -->) in HTML

Authors
  • avatar
    Name
    Diego Whiskey
    Twitter

Los comentarios en HTML son un mecanismo que te permite incluir notas o comentarios en el código fuente de una página web que no se mostrarán en la página renderizada por el navegador. Los comentarios son útiles para proporcionar aclaraciones, notas de recordatorio o documentación para ti mismo o para otros desarrolladores que puedan trabajar en el mismo código. Aquí tienes toda la información relevante sobre comentarios en HTML:

  1. Sintaxis de comentarios: Los comentarios en HTML se escriben entre <!-- y -->. Todo lo que se encuentre dentro de estos delimitadores no se mostrará en la página web. La sintaxis completa se ve así:

    <!-- Este es un comentario en HTML -->
    
  2. Ubicación de comentarios: Puedes colocar comentarios en cualquier lugar dentro del código HTML, ya sea en el encabezado, el cuerpo o en cualquier otro elemento HTML. Por ejemplo:

    <!DOCTYPE html>
    <html>
    <head>
        <!-- Esto es un comentario en el encabezado -->
        <title>Mi Página Web</title>
    </head>
    <body>
        <h1>Bienvenido a mi sitio</h1>
        <!-- Esto es un comentario en el cuerpo -->
    </body>
    </html>
    
  3. Comentarios de múltiples líneas: Los comentarios en HTML pueden abarcar varias líneas si se escriben entre <!-- y -->. Por ejemplo:

    <!-- Este es un comentario
    que ocupa varias líneas
    en HTML -->
    
  4. Uso de comentarios: Los comentarios son útiles para documentar tu código, explicar el propósito de ciertas secciones o elementos, o para dejar notas a otros desarrolladores que trabajen en el mismo proyecto. También son útiles para desactivar temporalmente una parte del código sin eliminarla por completo. Por ejemplo:

    <!-- El siguiente enlace está desactivado temporalmente
    <a href="pagina-de-ejemplo.html">Enlace de ejemplo</a>
    -->
    
  5. No afectan la presentación: Es importante destacar que los comentarios en HTML no afectan la presentación de la página en el navegador. Los comentarios son ignorados por el navegador y no se muestran en la página web resultante.

  6. Evitar comentarios anidados: En HTML, no es recomendable anidar comentarios dentro de otros comentarios. Aunque la especificación HTML no prohíbe esto, puede ser confuso y propenso a errores.

En resumen, los comentarios en HTML son una herramienta útil para documentar y explicar el código fuente de una página web. Ayudan a mantener el código organizado y a facilitar la colaboración entre desarrolladores. Además, no afectan la apariencia ni el funcionamiento de la página, ya que son ignorados por el navegador.