La etiqueta <br> en HTML se usa para romper la línea. En HTML, se prefiere <br>, pero también podemos usar <br/> y <br />. <br> es una etiqueta vacía, por lo que no es necesario cerrar esta etiqueta. Podemos usar <br> o </br> para romper líneas, ambos están permitidos (pero no ambos (<br> </br>) porque nos dará un salto de dos líneas).
En XHTML , se prefiere <br />, pero podemos usar <br/><br></br> ya que XML no permite dejar etiquetas abiertas. Los navegadores obsoletos analizan XHTML como HTML y fallan con <br/> .
Nota: XHTML distingue entre mayúsculas y minúsculas y HTML no.
¿Cómo uso <br>? Podemos simplemente colocar <br> en cualquier posición en la que queramos un salto de línea.
HTML
<!DOCTYPE html> <html> <head> <title> br example </title> </head> <body> <p> Hi My name is Kapil. <br> I am 23 year old.</p> </body> </html>
Producción:
Como podemos ver en el código anterior, la etiqueta <br> rompe la línea y la siguiente declaración se imprime en una nueva línea.
¿Cómo uso </br>? Podemos simplemente colocar </br> en cualquier posición que queramos, un salto de línea igual que la etiqueta <br>.
HTML
<!DOCTYPE html> <html> <head> <title> br example </title> </head> <body> <p> Hi My name is Kapil. </br> I am 23 year old.</p> </body> </html>
Producción:
Como podemos ver en el código anterior, está dando el mismo resultado que la etiqueta <br>.
Conclusión: las etiquetas <br> y </br> se pueden usar alternativamente, pero si usamos ambas juntas, obtendremos dos saltos de línea, uno para <br> y otro para </br>.
Ejemplo 1: usar tanto <br> como </br> (da dos saltos de línea)
HTML
<!DOCTYPE html> <html> <head> <title> br example </title> </head> <body> <p> Hi My name is Kapil. <br></br> I am 23 year old.</p> </body> </html>
Producción:
Ejemplo 2: <br/> Usado para romper líneas en XHTML.
HTML
<!DOCTYPE html> <html> <head> <title> br example </title> </head> <body> <p> Hi My name is Kapil. <br/> I am 23 year old.</p> </body> </html>
Producción:
Ejemplo 3
HTML
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <body> <p> This is Example of using <br /> tag. <br /> This text will come in new line.</p> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por sachinchhipa44 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA