Saltar al contenido

Comentarios HTML

Los comentarios HTML se utilizan para indicar secciones de un documento o insertar notas que expliquen el código. Ayudan a comprender el código y aumentan su legibilidad. La sintaxis de comentarios también se puede usar para excluir bloques de código temporalmente en lugar de eliminarlos.

Para definir comentarios HTML utilizamos la sintaxis <!-- ... -->. Los navegadores ignoran esta sintaxis y no muestran su contenido al usuario.

Todos los navegadores admiten comentarios HTML e ignoran su contenido.

éxito

Los comentarios HTML pueden usarse en cualquier parte del documento, excepto dentro de la etiqueta <title>. Tampoco funcionan dentro de la etiqueta <style>, ya que CSS utiliza otra sintaxis para los comentarios.

Comentarios válidos vs. inválidos

Un comentario no puede insertarse dentro de otro comentario. La secuencia de doble guion (“--”) no puede aparecer dentro de un comentario a menos que sea parte de la secuencia de cierre (-->). También es importante asegurarse de que no haya espacios al inicio de la cadena del comentario.

Comentarios de varias líneas

HTML admite comentarios de una sola línea y de varias líneas. Podemos usar comentarios de varias líneas con la sintaxis de inicio <!-- y la sintaxis de cierre -->.

Sintaxis

Los comentarios se escriben entre los símbolos <!-- y -->.

Ejemplo de un comentario HTML:

Comentarios HTML

html
<!DOCTYPE html>
<html>
  <head>
    <title>The title of the document.</title>
  </head>
  <body>
    <h1>The main heading</h1>
    <!--  <p>We want to hide this part of the code temporarily. </p> -->
    <a href="https://www.w3docs.com">Homepage</a>  
    <!--  <p>This is a link to the homepage</p> -->
  </body>
</html>

Resultado

html-comments

Práctica

¿Cuál es la forma correcta de comentar en HTML?

¿Te resulta útil?

Vista previa dual-run — compárala con las rutas Symfony en producción.