Comentar varias líneas de código HTML

Shubham Vora 20 junio 2023
  1. Utilice la etiqueta <!- --> para comentar varias líneas de código HTML
  2. Utilice el método abreviado de teclado para comentar varias líneas de código HTML
Comentar varias líneas de código HTML

En este artículo, los usuarios aprenderán a agregar comentarios en varias líneas de código HTML de una sola vez. Si definimos los comentarios HTML en términos simples, son fragmentos de código o declaraciones que el navegador no representa ni muestra.

Puede haber dos escenarios en los que necesitemos comentar nuestro código. El primer escenario es ocultar algunos elementos HTML para que no se muestren en el navegador, y otro escenario es explicar nuestro código a nuestros compañeros desarrolladores.

Los usuarios pueden pensar en las páginas web que contienen miles de líneas de código sin comentarios ni explicaciones y qué sucede si algún desarrollador nuevo ve ese código. ¿Entenderán? ¡No!

Por lo tanto, existe la necesidad de comentar la línea única o varias líneas en el código HTML.

Utilice la etiqueta <!- --> para comentar varias líneas de código HTML

En las décadas anteriores, HTML contenía la etiqueta <comentario> para comentar el código, pero actualmente está en desuso.

Hoy en día, <!-- –> funciona como una etiqueta de comentario y es compatible con todos los navegadores modernos. Contiene principalmente 3 partes.

La primera parte es <!--. Tenemos que ponerlo antes de la primera línea desde donde tenemos que empezar el comentario.

Aquí, lo notable es el signo de exclamación. Los usuarios no deben olvidar agregarlo.

La segunda parte contiene el contenido del comentario. Puede ser cualquier cosa, como una explicación de código o etiquetas HTML, que debemos ocultar para que no se muestren en el navegador.

La tercera parte es el --> para cerrar el comentario, que tenemos que poner después de la última línea del comentario.

Código de ejemplo:

<html>
    <head>
        <title>Multiple line comment Example.</title>
    </head>
    <body>
        <!--   This is the code explanation comment.
        <p>This will not be shown on the browser.</p>
        -->
        <p>Code to render.<p>
    </body>
</html>

En el ejemplo anterior, hemos agregado comentarios a 2 líneas de código HTML.

La primera línea explica el código y la segunda línea contiene la etiqueta <p>. Entonces, también hemos aprendido a comentar las etiquetas HTML dando un ejemplo.

Utilice el método abreviado de teclado para comentar varias líneas de código HTML

Los usuarios pueden utilizar el método abreviado de teclado para comentar varias líneas de código HTML.

Para hacerlo, los usuarios deben seleccionar todas las líneas de código HTML que quieren comentar. Después de eso, si es usuario de macOS, presione las teclas Comando+/ juntas; de lo contrario, presione ctrl+/, si es usuario de Windows o Linux.

Sin embargo, este método también colocará las múltiples líneas que deben comentarse entre la etiqueta <!-- -->.

Además, los usuarios pueden usar <!-- –> para comentar en una sola línea de código HTML.

Shubham Vora avatar Shubham Vora avatar

Shubham is a software developer interested in learning and writing about various technologies. He loves to help people by sharing vast knowledge about modern technologies via different platforms such as the DelftStack.com website.

LinkedIn GitHub

Artículo relacionado - HTML Comment