HDP115

Comentarios en HTML

Aprende a usar comentarios en HTML para documentar tu código y mejorar su legibilidad.

CE

Cristian Escalante

Última actualización: 19 de abril de 2025

html
programación web
desarrollo

Comentarios en HTML

Los comentarios en HTML son fragmentos de código que no se muestran en el navegador, pero son útiles para documentar el código o dejar notas para otros desarrolladores.

Se utilizan para explicar partes del código, hacer anotaciones o desactivar temporalmente secciones de código.

Su sintaxis es la siguiente:

<!-- Este es un comentario en HTML -->

Ejemplos de uso

Marcas de inicio y fin para un bloque de código:

<!-- Inicio del bloque de código -->
<div class="container">
  <h1>Título</h1>
  <p>Este es un párrafo dentro del bloque de código.</p>
</div>
<!-- Fin del bloque de código -->

Desactivar temporalmente una sección de código:

<!--
<div class="hidden-section">
  <p>Este contenido está oculto temporalmente.</p>
</div>
-->

Organización de código:

<!--
  Sección de navegación
  ---------------------
  Aquí se encuentra el menú de navegación principal.
-->

Los comentarios son importantes porque facilita el trabajo en equipo, ayudan a entender codigo complejo y permiten mantener el código limpio y organizado.

Ejemplo completo:

```html
<!DOCTYPE html>
<html>
<head>
    <!-- Configuración principal -->
    <meta charset="UTF-8">
    <title>Mi Página</title>
    
    <!-- Estilos CSS -->
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- 
        Header principal
        Incluye logo y menú de navegación
    -->
    <header>...</header>
    
    <!-- Contenido principal (desactivado temporalmente) -->
    <!--
    <main>
        <h1>Título principal</h1>
    </main>
    -->
    
    <!-- Footer con información legal -->
    <footer>...</footer>
</body>
</html>
Elemento mark en HTML
El elemento <mark> se utiliza para resaltar texto que es rel...
Elemento a en HTML
El elemento a (del ingles anchor o ancla) es un elemento HTM...
Referencias
MDN Developers. Using HTML comments <!-- … -->. https://developer.mozilla.org/en-US/docs/Web/HTML/Guides/Comments

Conceptos Básicos de CSS

Aprende los conceptos básicos de CSS

Conceptos Básicos de JavaScript

Aprende los conceptos básicos de JavaScript

Conceptos Básicos SQL

Aprende los conceptos básicos de SQL

Conceptos Básicos de GIT

Aprende los conceptos básicos de GIT

Conceptos Básicos de Python

Aprende los conceptos básicos de Python

Refuerzo Academico de Herramientas de Productividad 2025