Los co­me­n­ta­rios en HTML son secciones de texto dentro de do­cu­me­n­tos 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 co­m­pre­n­si­ble para los de­sa­rro­lla­do­res, dejar ano­ta­cio­nes y des­ac­ti­var te­m­po­ra­l­me­n­te el código.

Hosting
Hosting de primera al mejor precio
  • 3x más rápido, ahora un 60 % de ahorro
  • Alta di­s­po­ni­bi­li­dad >99.99 %
  • Solo en IONOS: hasta 500 GB incluidos

¿Cómo comentar en código HTML?

Un co­me­n­ta­rio en HTML es una marca especial que permite a los pro­gra­ma­do­res dejar notas en el código. Estas notas no son re­n­de­ri­za­das por los na­ve­ga­do­res web y, por lo tanto, son in­vi­si­bles para los usuarios finales. Para crear un co­me­n­ta­rio en HTML, se utiliza la sintaxis <!-- Comentario -->. A co­n­ti­nua­ción, se muestra un ejemplo simple que ilustra cómo insertar un co­me­n­ta­rio 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 co­me­n­ta­rio como el co­me­n­ta­rio en el párrafo HTML son ignorados por el navegador, de modo que solo se muestra el texto dentro del en­ca­be­za­do HTML.

Es im­po­r­ta­n­te tener en cuenta que en HTML no existe una sintaxis especial para co­me­n­ta­rios de varias líneas. Sin embargo, se pueden utilizar varias líneas dentro de un solo co­me­n­ta­rio. Esto es útil cuando se necesitan ex­pli­ca­cio­nes o notas más largas. Los co­me­n­ta­rios de varias líneas comienzan y terminan como los de una sola línea, pero el texto in­te­r­me­dio puede abarcar tantas líneas como sea necesario.

Nota

Los co­me­n­ta­rios son una de las primeras cosas que en­co­n­tra­rá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 ini­cia­ción a HTML.

¿Para qué se necesitan los co­me­n­ta­rios en HTML?

Los co­me­n­ta­rios en HTML son una he­rra­mie­n­ta esencial en el de­sa­rro­llo web. Cumplen varias funciones im­po­r­ta­n­tes:

  • Do­cu­me­n­ta­ción: los co­me­n­ta­rios ayudan a do­cu­me­n­tar el código, fa­ci­li­ta­n­do que otros de­sa­rro­lla­do­res, o uno mismo en el futuro, co­m­pre­n­dan mejor el propósito y la fu­n­cio­na­li­dad de ciertos segmentos de código.
  • Des­ac­ti­var el código: los pro­gra­ma­do­res pueden des­ac­ti­var te­m­po­ra­l­me­n­te partes del código o etiquetas HTML sin necesidad de eli­mi­nar­las. Esto es pa­r­ti­cu­la­r­me­n­te útil para la de­pu­ra­ción o pruebas.
  • Or­ga­ni­za­ción: los do­cu­me­n­tos HTML extensos se pueden es­tru­c­tu­rar y organizar mediante el uso de co­me­n­ta­rios en HTML, lo que facilita la na­ve­ga­ción y edición del código.
  • Ano­ta­cio­nes: los de­sa­rro­lla­do­res pueden dejar notas pe­r­so­na­les en el código según sea necesario.

Puntos im­po­r­ta­n­tes al usar co­me­n­ta­rios en HTML

Al comentar en código HTML, los pro­gra­ma­do­res deben tener en cuenta algunas co­n­si­de­ra­cio­nes. En pa­r­ti­cu­lar, no es posible anidar co­me­n­ta­rios. Esto significa que un co­me­n­ta­rio no puede colocarse dentro de otro co­me­n­ta­rio 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 co­me­n­ta­rios se deben seguir buenas prácticas. En primer lugar, los co­me­n­ta­rios deben ser claros y concisos para mejorar la le­gi­bi­li­dad del código. Los co­me­n­ta­rios largos pueden hacer que el código sea confuso. Se deben evitar los co­me­n­ta­rios in­ne­ce­sa­rios. En el mejor de los casos, el código debe ser lo su­fi­cie­n­te­me­n­te claro por sí solo. Los co­me­n­ta­rios son un co­m­ple­me­n­to útil, pero no su­s­ti­tu­yen un estilo de pro­gra­ma­ción limpio.

Dominios web
Compra y registra tu dominio ideal
  • Tu dominio protegido con Ce­r­ti­fi­ca­do SSL Wildcard gratis
  • Función Domain Connect para una co­n­fi­gu­ra­ción DNS si­m­pli­fi­ca­da gratis
  • Registro privado y gratis para mayor seguridad
Ir al menú principal