El HTML, o Lenguaje de Marcas de hipertexto, utiliza etiquetas para dar formato a los elementos en una página web. En esta ocasión, veremos cómo utilizar la etiqueta <hr>
para insertar una línea horizontal.
La etiqueta <hr>
es la que se utiliza para insertar una línea horizontal en una página web. Esta etiqueta no tiene un cierre, lo que significa que no existe la etiqueta </hr>
. El <hr>
se utiliza para representar un cambio temático en el contenido; es decir, marca una separación entre secciones independientes pero próximas de contenido.
A continuación se muestra un ejemplo de cómo se puede utilizar:
<p>Este es el final de una sección</p>
<hr>
<p>Este es el inicio de una nueva sección</p>
Como resultado, tendrás dos fragmentos de texto separados por una línea horizontal dando a entender al lector que el contenido que sigue es de un tema distinto.
En el mundo del diseño web, es importante utilizar esta etiqueta con responsabilidad. Aunque puede ser una buena forma de separar elementos en una página web, el uso excesivo puede dar lugar a un diseño demasiado segmentado o incluso confuso. Como ocurre con todos los elementos de diseño, la clave reside en la moderación.
Además, aunque las etiquetas <line>
, <br>
, <divider>
, que pueden parecer opciones viables, en realidad no existen en HTML o no tienen el mismo propósito. La etiqueta <br>
se utiliza para hacer un salto de línea, mientras que las etiquetas <line>
y <divider>
no están definidas en el estándar HTML.
Asegúrate de utilizar la etiqueta <hr>
cuando desees marcar una separación clara y definitiva entre dos secciones de contenido en tu página web. Al utilizar el HTML de manera correcta y reflexiva, puedes crear páginas web accesibles y atractivas para todos tus usuarios.