HTML
Tutorial HTML: Comentarios
HTML comentarios: uso y buenas prácticas. Aprende a usar comentarios en HTML con buenas prácticas y ejemplos detallados.
Aprende HTML y certifícateLos 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.
Otras 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
Introducción Y Entorno
Doctype
Sintaxis Y Estructura
Elementos Y Etiquetas
Sintaxis Y Estructura
Atributos
Sintaxis Y Estructura
Anidación De Etiquetas
Sintaxis Y Estructura
Comentarios
Sintaxis Y Estructura
Encabezados (H1-h6)
Textos Y Enlaces
Enlace (A)
Textos Y Enlaces
Párrafo (P)
Textos Y Enlaces
Listas (Ul, Ol, Li)
Textos Y Enlaces
Imagen (Img)
Textos Y Enlaces
División (Div)
Organización De Contenido
Etiquetas Semánticas (Article, Section, Header, Footer, Nav, Aside)
Organización De Contenido
Tablas (Table, Tr, Td, Th)
Organización De Contenido
Formularios (Form, Input, Select, Textarea, Button)
Organización De Contenido
Imágenes Vectoriales (Svg)
Elementos Multimedia
Incrustación De Contenido (Iframe)
Elementos Multimedia
Audio (Audio)
Elementos Multimedia
Video (Video)
Elementos Multimedia
Estilo Incorporado (Style)
Metadatos Y Seo
Metadatos (Meta, Title, Link)
Metadatos Y Seo
Atributos De Aria
Metadatos Y Seo
Navegación Por Teclado
Metadatos Y Seo
Contraste Y Legibilidad
Optimización Html
Validación De Html
Optimización Html
Compatibilidad Con Navegadores
Optimización Html
Optimización De La Carga De La Página (Lazy Loading)
Optimización Html
Ejercicios de programación de HTML
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.
Reto etiquetas semánticas HTML
Divisiones
Reto atributos ARIA en HTML
Reto trabajar con imágenes en HTML
Formularios
Encabezados
Reto metadatos en HTML
Validación de HTML
Navegación por teclado
Párrafos
Uso de DOCTYPE
Etiquetas semánticas
Contraste y legibilidad
Atributos
Reto formatear texto en HTML
Reto crear listas HTML
Metadatos
Comentarios
Incrustación de contenido (iframe)
Uso de elementos y etiquetas
Audio
Proyecto crear páginas HTML
Enlace
Video
Imágenes
DOCTYPE
Compatibilidad con navegadores
Reto crear tablas HTML
Introducción a HTML
Imágenes vectoriales
Anidación de etiquetas
Reto Validación HTML
Optimización de la carga de la página (Lazy loading)
Listas
Estilos
Reto de enlaces HTML
Atributos de ARIA
Reto geolocalización en HTML
Tablas
Reto LocalStorage en HTML
Uso de atributos
Elementos y etiquetas
Objetivos de aprendizaje de esta lección
- Comprender la importancia de los comentarios en HTML para la claridad y depuración del código.
- Aprender a crear comentarios en HTML utilizando la sintaxis
<!--
y-->
. - Conocer la posibilidad de incluir comentarios de varias líneas en el código HTML.
- Entender cómo usar comentarios para deshabilitar temporalmente fragmentos de código.
- 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.