En el desarrollo de páginas web, hay ciertos elementos básicos de HTML que nos ayudan a mejorar la estructura y la legibilidad del código y del contenido visual. Tres de estos elementos son los comentarios, las barras horizontales y los saltos de línea, cada uno con un propósito muy claro y útil.
Los comentarios en HTML son bloques de texto que escribimos dentro del código fuente pero que no se muestran en la página web cuando la cargamos en el navegador. Esto significa que el navegador los ignora completamente, y por tanto, podemos usarlos para dejar anotaciones, explicaciones o recordatorios dentro del código. Esto resulta especialmente útil cuando, por ejemplo, tenemos que volver a editar un archivo tiempo después y no recordamos por qué hicimos ciertos cambios o cómo funciona una parte específica. Los comentarios actúan como notas para el futuro, ayudándonos a mantener el código organizado y comprensible.
Para escribir un comentario en HTML, utilizamos la siguiente sintaxis:
<!-- Aquí va el texto del comentario -->
Comenzamos con un signo menor que <, seguido de un signo de exclamación ! y dos guiones --. Todo lo que escribamos a continuación será considerado comentario hasta que cerremos con dos guiones -- y un signo mayor que >. Por ejemplo:
<!-- Este comentario explica que las anclas sirven para saltar a partes concretas del capítulo -->
Podemos poner cualquier texto dentro de los comentarios, ya que no afectará la visualización de la página.
Otro elemento que nos ayuda a organizar visualmente el contenido es la barra horizontal, representada por la etiqueta hr. Esta etiqueta inserta una línea horizontal gruesa que separa secciones o capítulos dentro de un documento, facilitando la distinción entre bloques de contenido. La etiqueta hr es un elemento vacío, lo que significa que no tiene etiqueta de cierre y se escribe simplemente así:
<hr>
Cuando la usamos, aparece una línea horizontal que puede ayudar a separar visualmente capítulos o secciones. Aunque hoy en día, con el uso de hojas de estilo en cascada (CSS), el diseño suele ser más elaborado y no se depende tanto de estas líneas, sigue siendo útil para navegadores que no soportan CSS o para casos donde queremos una separación rápida y sencilla. Eso sí, es recomendable no abusar de ellas, ya que demasiadas barras horizontales pueden hacer que el documento parezca fragmentado y poco armonioso.
Por último, tenemos la etiqueta br, que sirve para hacer saltos de línea dentro de un mismo párrafo. A diferencia de un párrafo nuevo, que crea un espacio vertical mayor, el salto de línea simplemente mueve el texto a la siguiente línea sin dejar espacio adicional. Esto es especialmente útil cuando queremos organizar el texto en líneas separadas sin romper la estructura del párrafo, como en listas o direcciones.
La etiqueta br también es un elemento vacío y se escribe así:
<br>
Por ejemplo, si queremos que un enlace o una frase comience en una nueva línea dentro del mismo párrafo, insertamos un br justo antes:
Este es un texto en una línea.<br>
Y este texto aparece justo debajo, en la siguiente línea.
Así, mantenemos la coherencia del párrafo pero mejoramos la legibilidad del contenido.
En resumen, estos tres elementos —comentarios, barras horizontales y saltos de línea— son herramientas sencillas pero muy útiles para escribir código HTML más claro, organizado y visualmente estructurado. Los comentarios nos permiten documentar el código sin afectar la página, las barras horizontales separan visualmente secciones y los saltos de línea organizan el texto dentro de un mismo párrafo. Incorporarlos adecuadamente en nuestros proyectos mejora tanto el mantenimiento del código como la experiencia del usuario.