Com o advento dos layouts responsivos/adaptativo/fluidos está cada vez menos comum o uso do <br>
para definir espaçamentos no layout. O uso dele não é recomendado nesses layouts modernos ou é só uma questão de prática de programação de separar a responsabilidade para o CSS?
2 Respostas
Não, não está obsoleto.
O elemento <br>
define uma nova quebra de linha em textos, não em layouts. Semanticamente falando, tal elemento jamais deveria ser utilizado como estrutura do layout. Basta ver o que a W3C / WHATWG diz:
<br>
elements must be used only for line breaks that are actually part of the content, as in poems or addresses.
Ou seja, ele ainda existe, não está nem perto de ser obsoleto e deve ser utilizado para o que foi feito: quebras de linhas em textos.
Documentação da MDN também diz:
O elemento HTML quebra-de-linha
<br>
produz uma quebra de linha em um texto (carriage-return). É útil para escrever poemas ou um endereço, onde a divisão de linha é significante.
Para qualquer organização do layout, o recomendado será buscar outro elemento que foi especificado para tal (por exemplo, se <br>
define a quebra de linha entre dois elementos inline, será melhor utilizar elementos block) ou utilizar o CSS para a formatação.
-
18
-
4@JéfBueno o efeito prático é o da soma de ambos. A diferença deles fica mais evidente em impressoras com mecânica similar às matriciais ou de margarida. Se você manda um CR e mais texto, o cabeçote volta pro começo e escreve por cima da linha já existente. Se manda um LF no meio da linha, o texto vai sair na linha seguinte mas... do meio em diante. Por isso o uso do CRLF se consolidou. As aplicações é que não "imitaram" em tela o comportamento.– Bacco ♦25/06/2018 às 16:38
-
3@JéfBueno ah sim, só aproveitei o gancho pra deixar um pouco de história :) - Pesquisei um pouco, vi que praticamente ninguem fala nisso. Preciso produzir uma imagem ilustrando.– Bacco ♦25/06/2018 às 16:42
-
2@DavidAugustus se discorda da resposta e tem algo a acrescentar, pode responder a pergunta também. É assim que funciona a comunidade: cada um colabora um pouco e todos aprendem. Eu discordo completamente do que disse e não vejo o que mudar na minha resposta.– Woss23/10/2018 às 7:24
-
5@DavidAugustus ainda não entendi seu ponto de vista. Poderia elaborar uma resposta apresentando-a de forma completa?– Woss23/10/2018 às 11:26
Como vc pode ver no exemplo com o uso de br vc não tem controle sobre o espaçamento dos elementos como vc tem utilizando div por exemplo, que dá facilmente para vc controlar pelo CSS.
div {
padding: 50px;
}
<h3>Utilizando br</h3>
Texto qualquer
<br>
<br>
Outro texto qualquer
<br>
<br>
<hr>
<h3>Utilizando div
<div>Texto qualquer</div>
<div>Outro texto qualquer</div>
<br>
é um elemento que define quebra de linhas em textos, nem deveria ser utilizado para definir o layout.<br />