Quando se trata de aprender HTML, duas tags que a maioria das pessoas aprende cedo são as tags de parágrafo e quebra de linha, que são P e BR (<p> e <br/>) respectivamente. Essas tags colocam quebras naturais em seu texto para que o conteúdo de sua página da web seja mais fácil de ler. Embora essas tags sejam bastante fáceis de usar, elas também podem causar alguma confusão e ser mal utilizadas.
Uso correto do elemento de parágrafo HTML
O elemento de parágrafo <p> é usado como um par de tags com a tag <p> abrindo o elemento e a tag </p> fechando-o. Ao escrever HTML4 ou HTML5, a tag final não é tecnicamente necessária, mas é considerada uma prática recomendada fechar essa tag. Em XHTML, o fechamento </p> é obrigatório.
Você usa o elemento de parágrafo em um site da mesma maneira que faz ao escrever conteúdo para necessidades fora da web – quando deseja iniciar uma nova ideia ou ponto. A maioria dos navegadores exibe parágrafos com uma linha em branco entre eles. Aqui está um exemplo de parágrafo em HTML:
<p> Agora é a hora de todos os homens de bem virem em ajuda de seu país. A rápida raposa marrom saltou sobre o cão adormecido preguiçoso. </p>
Muitas outras marcas podem aparecer entre as marcas de parágrafo de abertura e fechamento.
Uso correto do elemento de quebra de linha HTML
O elemento de quebra de linha <br> tag é um tag singleton – não possui tag final. Em XHTML, você deve usar a tag com uma barra final (<br />), mas em HTML (incluindo HTML5), isso não é obrigatório.
O elemento break é uma quebra de linha forçada no fluxo de texto da página da web. Você o usa quando deseja que o texto continue na próxima linha, mas o conteúdo não é uma ideia ou ponto separado, o que o tornaria outro parágrafo. Um exemplo disso ocorre com a poesia, onde as quebras de linha são geralmente fixas.
Aqui está um exemplo de quebra de linha dentro de um parágrafo:
<p> Agora é a hora de todos os homens de bem virem em auxílio de seu país. <br/> A rápida raposa marrom saltou sobre o cão adormecido preguiçoso. </p>
Como a tag de quebra de linha é uma tag singleton, nenhuma outra tag pode ser usada dentro dela.
Maus uso comuns das tags P e BR
Pessoas novas em codificação cometem alguns erros comuns com os elementos de quebra de parágrafo e linha ao marcar uma página da web.
- Usando o <br> para alterar o comprimento de uma linha de texto : Usar a tag BR de quebra na tentativa de forçar o texto a aparecer ou quebrar de uma maneira específica garante que suas páginas tenham uma ótima aparência em seu navegador, mas não necessariamente em outro navegador e certamente não em todos os dispositivos. Se o seu site for um site responsivo, ele muda seu layout com base em diferentes tamanhos de tela. O navegador coloca automaticamente a quebra de linha e, em seguida, quando se trata da tag <br>, quebra o texto novamente, resultando em linhas curtas e longas e texto irregular. Você deve usar folhas de estilo CSS para ditar estilos visuais em vez de tentar forçar o layout adicionando elementos HTML específicos.
- Usando <p> & nbsp; </p> para adicionar espaço entre os elementos: Mais uma vez, isso é recorrer ao HTML para criar um layout visual, neste caso, espaçamento, em vez de usar CSS. Essa é uma prática comum de alguns editores de HTML e, embora não seja tecnicamente errada, resulta em um HTML de aparência estranha e pode ser confuso para editar mais tarde. Também não está de acordo com os padrões da web e com a separação de estrutura e estilo. Em alguns casos, o uso de espaços ininterruptos dentro de tags de parágrafo vazias pode resultar em espaçamento inesperado em navegadores diferentes, pois todos parecem interpretar isso de maneira diferente. A melhor solução para obter os elementos de espaçamento necessários em seu projeto é usar folhas de estilo.
Agora que você sabe a diferença entre as tags P e BR podem ser usadas em várias maneiras e você pode usar e abusar delas.
