En esta lección del diccionario de HTML, veremos qué es la etiqueta br.
Esta es probablemente una de las etiquetas más fáciles de utilizar de este lenguaje.
De hecho, en este vídeo te voy a explicar para qué sirve esta etiqueta y cómo se utiliza a través de un ejemplo muy fácil.
Además, al final de esta lección comento algunas recomendaciones importantes a la hora de utilizar esta etiqueta br.
Y por cierto, recuerda que tienes todo el diccionario de etiquetas HTML a tu disposición para hacer cualquier consulta sobre HTML.
La verdad es que esto lleva un curro de la leche.
Así que agradezco mucho tus comentarios abajo y cualquier observación.
Y ahora vamos con la lección.
Etiqueta BR en HTML
La etiqueta <br> proviene de la palabra en inglés «break», que se traduce al español como «romper» o «interrumpir».
Dentro de HTML, significa una interrupción de la línea.
Es decir, la etiqueta br en HTML sirve para hacer un salto de línea.
Hace exactamente eso, ni más ni menos.
Te dejo el vídeo por aquí, por si lo quieres ver.
Ejemplo de uso
Si observas el siguiente código, dentro de la etiqueta body, hay una etiqueta main para el contenido principal y luego un footer.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<main>
<p>Contenido principal</p>
</main>
<footer>
<p>
Frodo Bolsón<br>
La Colina 03<br>
Hobbiton 1234<br>
La Comarca<br>
Tierra Media
</p>
</footer>
</body>
</html>En este footer, queremos mostrar una dirección. Lo que hemos hecho es colocar cada línea, por ejemplo, el nombre o la dirección, y entre cada dato, hemos utilizado la etiqueta br para hacer un salto de línea.
Al visualizarlo en el navegador, verás que aparece el contenido principal y, a continuación, la dirección con saltos de línea en cada sitio donde hemos indicado, formando una lista.
Recomendaciones
Aunque puede ser muy cómodo utilizar la etiqueta br, o incluso varias seguidas, no hay que abusar de ella.
Si quieres crear un espacio mayor, deberías utilizar CSS.
En vez de utilizar varios br, podríamos usar márgenes o paddings en CSS.
Además, siempre utiliza la etiqueta br dentro de elementos como el párrafo o cualquier subtítulo (h1, h2, h3, etc.).
No utilices nunca esta etiqueta entre estos elementos.
Y recuerda, esta etiqueta no requiere etiqueta de cierre, es decir, es simplemente <br>.
Y hasta aquí la etiqueta <br> en HTML. Espero qute haya sido útil y ya sabes que si tienes cualquier duda o sugerencia puedes dejarla en los comentarios.