HTML Comments

HTML Comments

La ruta del desarrollador web frontend autónomo🤹‍♂️


Los comentarios HTML no se muestran en el navegador, pero nos pueden ayudar a documentar el código.


Etiqueta de comentario HTML

Puedes agregar comentarios al código HTML usando la siguiente sintaxis:

<!-- Escribe un comentario aquí -->

Observa que hay un signo de exclamación (!) en la etiqueta inicial, pero no en la etiqueta de cierre.

Nota: el navegador no muestra los comentarios, pero nos puede ayudar a documentar el código fuente.


Agregando comentarios

Con los comentarios puedes agregar notificaciones y recordatorios en el código HTML:

Ejemplo:

 <!-- Este es un comentario -->

<p>Hashnode es genial</p>

<!-- Puedes agregar más información aquí -->

Ocultar comentarios

Los comentarios también se pueden utilizar para ocultar contenido.

Esto puede ser útil para ocultar contenido temporalmente:

Ejemplo:

 <p>Hashnode es genial</p>

<!-- <p>Hashnode es de color azul como Facebook</p> -->

<p>Hashnode es increíble.</p>

También puedes ocultar más de una línea. Todo lo que esté entre <!-- y --> se ocultará de la pantalla.

Ejemplo:

 <p>Hashnode es genial.</p>
<!--
<p>Mira esta imagen genial:</p>
<img border="0" src="pic_trulli.jpg" alt="Trulli">
<button>Ver</button>
-->
<p>Hashnode es increíble.</p>

Los comentarios también son excelentes para depurar HTML, ya que puedes comentar líneas o bloques de código HTML, una a la vez, para buscar errores.


Ocultar contenido en línea

Los comentarios también se pueden usar para ocultar partes en medio del código HTML.

Ejemplo:

 <p>Hashnode <!-- no es muy genial --> es genial.</p>

Resumen

Los comentarios son bastante útiles para comentar dentro del código HTML. Podemos usarlo para depurar el código, ocultar código, y mucho más.


Traducido con 💚 desde W3Schools.com

Did you find this article valuable?

Support Santos Romero by becoming a sponsor. Any amount is appreciated!