Comentarios HTML

La etiqueta de comentario (  <!-- Comment-->   ) se utiliza para insertar comentarios en el código HTML. Es una buena práctica de codificación, para que el codificador y el lector puedan obtener ayuda para comprender el código. Es útil para comprender los pasos del código complejo. La etiqueta de comentario es útil durante la depuración de códigos.

  • Es un simple fragmento de código que los navegadores web borran (ignoran), es decir, el navegador no lo muestra.
  • Ayuda al codificador y al lector a comprender la pieza de código utilizada, especialmente en código fuente complejo.

Sintaxis: 

<!-- Comments here -->

Tipos de comentarios HTML: Hay tres tipos de comentarios en HTML que son: 

  • comentario de una sola línea
  • Comentario de varias líneas
  • Uso de la etiqueta <comentario>

Comentario de una sola línea : el comentario  de una sola línea se proporciona dentro de la etiqueta ( <!– comment –> ). 

La implementación del concepto anterior se muestra a continuación:

HTML

<!DOCTYPE html>
<html>
 
<body>
    <!--This is heading Tag, It wont be displayed by the browser -->
     
          <h1>GeeksforGeeks</h1>
   
    <!--This is single line comment,It wont be displayed by the browser -->
     
          <h2>This is single line comment</h2>
 
  </body>
 
</html>

Salida:  Aquí puede ver el comentario de una sola línea. El comentario de una sola línea no se mostrará en la salida.

Comentario de varias líneas: la sintaxis (<!– –>) puede proporcionar varias líneas. Básicamente, es lo mismo que usamos en el comentario de una sola línea, la diferencia es la mitad del comentario («->»), se agrega donde la línea de comentarios prevista termina. 

La implementación del concepto anterior se muestra a continuación:

HTML

<!DOCTYPE html>
<html>
  <body>
    
    <!-- This is
         heading tag -->
    
    <h1>GeeksforGeeks</h1>
 
    <!-- This is
         multi-line
         comment -->
     
    <h2>This is multi-line comment</h2>
   
  </body>
</html>

Salida:  aquí podemos ver que en la sección de comentarios hemos usado varias líneas pero aún no se imprime.

Uso de la etiqueta <comentario>: solía haber una etiqueta HTML <comentario> , pero actualmente no es compatible con ningún navegador moderno.

La implementación del navegador anterior se muestra a continuación:

HTML

<!DOCTYPE html>
<html>
 
<body>
    <comment>This is heading tag</comment>
     
            <h1>GeeksforGeeks</h1>
   
    <comment>This is multi-line
             comment
    </comment>
     
            <h2>This is a comment using</h2>
 
  </body>
 
</html>

Producción: 
 

Nota: la etiqueta <comentario> no es compatible con los navegadores modernos.
 

Publicación traducida automáticamente

Artículo escrito por Kanchan_Ray y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *