Elemento br HTML5

El elemento br es un salto de linea.

El elemento br debe ser utilizado unicamente para saltos de linea que realmente son parte de los contenido.

Por ejemplo este elemento br es util en los poemas debido a que los poemas se clasifican por numero de silabas, poemas de 4,5,6,7,…,14 silabas.

Ejemplo: Supongamos que lo siguiente es un poema de 8 silabas

Texto texto texto texto
Texto texto texto texto
Texto texto texto texto
Texto texto texto texto

Al tratarce de un poema de 8 silabas la regla es la siguiente: 8 silabas un salto de linea, 8 silabas un salto de linea y asi sucesivamente.

Los saltos de linea en este poema se insertaron para cumplir con la(s) regla(s), osea son parte de los contenidos lo cual es el correcto uso de este elemento br

Acordemonos que HTML5 es semantico lo que quiere decir que nunca debemos usar los elementos con propositos de diseño, osea no debemos utilizar este elemento con propositos de diseño.

Otra cosa importante, el elemento br no se debe usar para separar grupos tematicos en un parrafo, para separar los grupos tematicos basta con colocar cada grupo tematico en un parrafo.

Ejemplo: Aquí un parrafo tiene 2 grupos tematicos separados con un elemento br, lo cual esta mal

<p><a ...>34 comments.</a><br>
<a ...>Add a comment.</a></p>

Lo correcto seria un parrafo para cada grupo tematico

<p><a ...>34 comments.</a></p>
<p><a ...>Add a comment.</a></p>

Una sugerencia para utilizar este elemento adecuadamente es hacerse esta pregunta: ¿El salto de linea que quiero insertar es parte de los contenidos? Si la respuesta es si todo va bien pero si la respuesta es no lo mas seguro es que el salto de linea lo queremos insertar con un motivo de diseño lo cual esta mal y deberemos buscar otra solución.

Saludos y nos vemos en el proximo post