HTML5

HTML

Tutorial HTML: Comentarios

HTML comentarios: uso y buenas prácticas. Aprende a usar comentarios en HTML con buenas prácticas y ejemplos detallados.

Los comentarios en HTML son una herramienta fundamental para la organización, comprensión y depuración de código HTML. Permiten a los desarrolladores dejar notas y descripciones en el código sin afectar su funcionamiento. Los comentarios pueden ayudar a los desarrolladores a entender el propósito de ciertos bloques de código y facilitan el trabajo colaborativo, ya que los demás desarrolladores pueden entender rápidamente qué está sucediendo en diferentes partes del código gracias a estos.

En HTML, un comentario se inicia con <!-- y se cierra con -->. Todo lo que esté entre estos dos conjuntos de caracteres será ignorado por el navegador al procesar el código HTML.

Aquí tienes un ejemplo básico de un comentario en HTML:

<!-- Este es un comentario en HTML -->

Este comentario no afectará la página web de ninguna manera y no será visible para los usuarios finales. Sin embargo, sí será visible para cualquier persona que vea el código fuente de la página.

Es posible incluir comentarios de varias líneas. Simplemente, se debe iniciar el comentario con <!-- y terminarlo con -->, sin importar cuántas líneas estén en medio.

<!--
Este es un comentario en HTML
que ocupa varias líneas.
-->

Además, los comentarios pueden ser muy útiles para "deshabilitar" temporalmente fragmentos de código HTML. Por ejemplo, si se tiene un elemento que no se desea mostrar en la página web, se puede comentar ese bloque de código y el navegador lo ignorará.

<!--
<div>
  <p>Este es un párrafo que no será mostrado en la página web porque está dentro de un comentario.</p>
</div>
-->

Es importante destacar que los comentarios no deben ser usados para ocultar información sensible o confidencial, ya que cualquier persona puede ver los comentarios simplemente accediendo al código fuente de la página.

Por último, aunque los comentarios son útiles, es recomendable usarlos con moderación. Demasiados comentarios pueden hacer que el código sea difícil de leer y entender. Además, aunque los comentarios no se muestren en la página web, sí se envían al cliente junto con el resto del código HTML, por lo que un exceso de comentarios puede aumentar innecesariamente el tamaño de la página.

Certifícate en HTML con CertiDevs PLUS

Ejercicios de esta lección Comentarios

Evalúa tus conocimientos de esta lección Comentarios con nuestros retos de programación de tipo Test, Puzzle, Código y Proyecto con VSCode, guiados por IA.

Todas las lecciones de HTML

Accede a todas las lecciones de HTML y aprende con ejemplos prácticos de código y ejercicios de programación con IDE web sin instalar nada.

Introducción A Html

HTML5

Introducción Y Entorno

Doctype

HTML5

Sintaxis Y Estructura

Elementos Y Etiquetas

HTML5

Sintaxis Y Estructura

Atributos

HTML5

Sintaxis Y Estructura

Anidación De Etiquetas

HTML5

Sintaxis Y Estructura

Comentarios

HTML5

Sintaxis Y Estructura

Encabezados (H1-h6)

HTML5

Textos Y Enlaces

Enlace (A)

HTML5

Textos Y Enlaces

Párrafo (P)

HTML5

Textos Y Enlaces

Listas (Ul, Ol, Li)

HTML5

Textos Y Enlaces

Imagen (Img)

HTML5

Textos Y Enlaces

División (Div)

HTML5

Estructura De Página

Etiquetas Semánticas (Article, Section, Header, Footer, Nav, Aside)

HTML5

Estructura De Página

Tablas (Table, Tr, Td, Th)

HTML5

Estructura De Página

Formularios (Form, Input, Select, Textarea, Button)

HTML5

Estructura De Página

Imágenes Vectoriales (Svg)

HTML5

Elementos Multimedia

Incrustación De Contenido (Iframe)

HTML5

Elementos Multimedia

Audio (Audio)

HTML5

Elementos Multimedia

Video (Video)

HTML5

Elementos Multimedia

Estilo Incorporado (Style)

HTML5

Metadatos Y Estilización Incorporada

Metadatos (Meta, Title, Link)

HTML5

Metadatos Y Estilización Incorporada

Atributos De Aria

HTML5

Metadatos Y Estilización Incorporada

Navegación Por Teclado

HTML5

Metadatos Y Estilización Incorporada

Contraste Y Legibilidad

HTML5

Características Avanzadas Y Optimización

Validación De Html

HTML5

Características Avanzadas Y Optimización

Compatibilidad Con Navegadores

HTML5

Características Avanzadas Y Optimización

Optimización De La Carga De La Página (Lazy Loading)

HTML5

Características Avanzadas Y Optimización

Certificados de superación de HTML

Supera todos los ejercicios de programación del curso de HTML y obtén certificados de superación para mejorar tu currículum y tu empleabilidad.

En esta lección

Objetivos de aprendizaje de esta lección

  1. Comprender la importancia de los comentarios en HTML para la claridad y depuración del código.
  2. Aprender a crear comentarios en HTML utilizando la sintaxis <!-- y -->.
  3. Conocer la posibilidad de incluir comentarios de varias líneas en el código HTML.
  4. Entender cómo usar comentarios para deshabilitar temporalmente fragmentos de código.
  5. Reconocer la importancia de utilizar los comentarios con moderación para mantener la legibilidad y evitar aumentar innecesariamente el tamaño de la página web.