É sério, eu não consigo enxergar muita utilidade para a tag <br />. Pelo menos não tanto quanto alguns desenvolvedores enxergam.
Pular uma linha após o input do form? Ajuste o CSS do input para “display:block”.
Deixar a imagem sem nenhum texto ao lado? Idem anterior, “display:block” para a imagem.
Alinhar o texto verticalmente? Simples, especifique um padding para o container desse texto ou em casos mais específicos use o vertical-align.
Aumentar a altura da div? Propriedade height.
Título e subtítulo com o mesmo link do texto? Deixe de preguiça e faça do jeito certo, um link para cada elemento, e claro, utilize as tags adequadas para cada um deles.
Ás vezes parece mais prático utilizar um <br />, mas na hora de atualizar pode ser que você tenha que alterar o HTML e o CSS, sendo que você poderia mexer apenas no CSS. Eu sei que é uma coisa mínima, mas isso é separar conteúdo de apresentação, um dos princípios dos padrões web standards.
Até hoje consegui encontrar apenas uma aplicação plausível para a tag <br />. Poesias, pois é necessário delimitar os versos.
No meio do caminho tinha uma pedra <br />
tinha uma pedra no meio do caminho <br />
tinha uma pedra <br />
no meio do caminho tinha uma pedra.
Se alguém conhecer outra utilização semântica para a tag <br /> avise, eu não lembro de mais nenhuma.
E antes que digam. Sim, eu sou chato pra escrever qualquer HTML. ![]()
9 Comentários em "Tag br pra quê?"
São indiscutíveis suas razões sobre o uso desta tag para formatar objetos, mas discordo quanto ao uso para poesias, é possível encontrar respostas aqui mesmo, a não ser que você seja mais poético do que imagina. hehehehe…
<p>Diego, eu não sou tão poético assim hehe…<br />
É que no caso de poesias, realmente existe uma quebra de linha que é a delimitação de cada verso, não é formatação.<br />
E você me deixou curioso, pois não consegui encontrar uma resposta aqui.</p>
Mistérios de Lost! Vasculhando o código fonte da sua home, é possível encontrar algumas aplicações da tag, note que para exemplificar códigos CSS e nos posts recentes você encontra o objetivo da tag, é simples, apenas quebrar a linha sem “separar as idéias”, contrário do parágrafo.
Apesar de alguns editores (textarea e wysiwyg) registraram bastante essa tag, acho que ela tende a ser pouco utilizada.
Semanticamente não acho incorreto utilizar este recurso em textos, mas concordo com você, usá-lo com intuito de formatação visual não o mais adequado, sem falar o clássico  , que já foi amigo de muitos desenvolvedores.
Um abraço e bom trabalho Guilherme
Também uso este tema do wordpress, mas o detonei um pouco, hehehehe…
Meu próprio site me traiu hehe… Tudo bem, o tema não foi desenvolvido por mim.
Eu sou meio xiita, nesse caso em que é utilizado a tag br eu apenas setaria a tag small para display:block. Pode reparar que o br fica entre o strong e o small sem valor semântico apenas formatação.
Eu sei, daí já é ser fanático coisa e tal, mas eu sou hehe..
Mas também não saio abrindo html e deletando todos os br’s, só dificilmente utilizo quando vou escrever um html.
Eu havia escrito um senhor comentário, com contextualização histórica (pré-história: máquinas de escrever e telex), mas perdi…
Então, vai no modo expresso.
A idéia não é alinhar verticalmente, é fazer exatamente o que a tag se propõe: quebrar linhas. Mais ou menos o que você citou acima. Na verdade, É para o que você citou e para outros casos.
Útil para caso de textos justificados cujas palavras tenha um tamanho tal que fique muito espaçamento entre elas ou buracos no fim da linha (lembre-se que o html não hifeniza). Por exemplo, no caso em que a palavra “inequivocadamente” aparece no fim da linha, mas a quantidade de caracteres total da linha é maior que o espaço disponível: o “user-agent” vai quebrar na penúltima palavra, deixando muito espaçamento entre as palavras ou então com um espaço em branco muito grande no fim da linha. Com essa tag, você pode solicitar uma quebra de linha entre o “men” e “te”, e nenhuma outra tag tem essa função (pode até executar isso, mas não foi projetada para).
Outro caso é como na linha “Se alguém conhecer outra utilização semântica para a tag avise, eu não lembro de mais nenhuma.”, no seu texto. No meu navegador, aparece o “” em outra. Nesse caso, eu usaria a quebra de linha pra forçar o “
Eu concordo com você, muitas vezes a tag br ajuda na hora de arrumar um texto, mas nesses casos utiliza-se a tag apenas por questões estéticas. Digamos que, no exemplo que você citou acima, eu utilizasse uma quebra de linha para arrumar a separação entre o “<br” e o” />”, se futuramente o layout do outrolado fosse alterado, a quebra de linha talvez se tornasse desnecessária. Do ponto de vista semântico não haveria motivo para ela estar ali.
É claro, ninguém vai morrer por incluir um br para formatar o texto. O que defendo, já disse anteriormente, é que do ponto de vista semântico não existem muitas utilizações para a tag.
A questão é puramente semântica, mesmo sendo algo minúsculo se comparado ao html inteiro. Mas também não saio por aí deletando todos br que vejo na frente, só evito a utiliza- los.
Utilizar a tag br é coisa de braço curto!!!
Guilherme,
Li seu post e achei muito interessante, pois caí de para-quedas aqui justamente a procura de como usar a tar br no wordpress.
A Minha necessidade é somente quanto a um espaçamento maior entre parágrados. Como esse próprio que tem em seu blog.
Gostaria de ajuda a poder solucionar de uma forma que fique fixa. Ou seja, sem o uso da tal br, como vc próprio mencionou. Desde já agradeço a a juda.
Oi Guilherme,
Você pode especificar um padding para as tags ‘p’.
Algo como p { padding:10 px; }