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 GRATIS 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.
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.
Audio
Tablas
Tablas (table, tr, td, th)
Enlace
Video
Imágenes
Contraste y legibilidad
DOCTYPE
Atributos de elementos
Introducción a HTML
Metadatos
Imágenes vectoriales
Anidación de etiquetas
Encabezados
Compatibilidad con navegadores
Validación de HTML
Optimización de la carga de la página (Lazy loading)
Atributos de ARIA
Listas
Etiquetas semánticas
Párrafos
Uso de DOCTYPE
Navegación por teclado
Etiquetas semánticas
Listas (ul, ol, li)
Estilos
Divisiones
Uso de atributos
Atributos
Comentarios
Incrustación de contenido (iframe)
Uso de elementos y etiquetas
Elementos y etiquetas
Formularios y campos de entrada
Formularios
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
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)
Estructura De Página
Etiquetas Semánticas (Article, Section, Header, Footer, Nav, Aside)
Estructura De Página
Tablas (Table, Tr, Td, Th)
Estructura De Página
Formularios (Form, Input, Select, Textarea, Button)
Estructura De Página
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 Estilización Incorporada
Metadatos (Meta, Title, Link)
Metadatos Y Estilización Incorporada
Atributos De Aria
Metadatos Y Estilización Incorporada
Navegación Por Teclado
Metadatos Y Estilización Incorporada
Contraste Y Legibilidad
Características Avanzadas Y Optimización
Validación De Html
Características Avanzadas Y Optimización
Compatibilidad Con Navegadores
Características Avanzadas Y Optimización
Optimización De La Carga De La Página (Lazy Loading)
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
- 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.