41

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?

5
  • 17
    Mas <br> é um elemento que define quebra de linhas em textos, nem deveria ser utilizado para definir o layout.
    – Woss
    7/06/2018 às 14:13
  • Acredito que seja pelo fato de com espaçamentos você conseguir ter mais dinamismo pois com o br os espaços vão sendo automático já com espaçamento você pode definir. 7/06/2018 às 14:13
  • Uma observação, é que após a reformulação do HTML 4.01 em (x)HTML 1.0 pela W3C - onde adequa-se a sintaxe para XML - não é necessário a inclusão de uma tag de fechamento, você deve sinalizar a própria tag: <br /> 6/07/2018 às 12:04
  • @AndersonCarlosWoss isto era comum antigamente, era a forma de estruturação, era a base de Table e BR . 23/10/2018 às 6:47
  • Eu acho que Br tá em voga sobretudo aqui em Portugal, zoando so, mas br e bom pra editar textos e não fazer o layout em si na minha opinião
    – ScrapBench
    18/10/2019 às 13:48

2 Respostas 2

59

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.

12
  • 18
    Só lembrando que quebrar linhas em texto não é paragrafação. 7/06/2018 às 14:23
  • 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.
    – Largato
    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.
    – Largato
    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.
    – Woss
    23/10/2018 às 7:24
  • 5
    @DavidAugustus ainda não entendi seu ponto de vista. Poderia elaborar uma resposta apresentando-a de forma completa?
    – Woss
    23/10/2018 às 11:26
1

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>

0

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .