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
e
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
é usado como um par de tags com a tag
abrindo o elemento e a tag
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
é 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:
Agora é a hora de todos os homens de bem virem em auxílio de seu país. A rápida raposa marrom saltou sobre o cão adormecido preguiçoso.
type = “code”> Muitas outras tags podem aparecer entre as tags de parágrafo de abertura e fechamento.
Uso correto do elemento de quebra de linha HTML
O elemento de quebra de linha
tag é um tag singleton – não possui tag final. Em XHTML, você deve usar a tag com uma barra final (
), 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:
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.
Como a tag de quebra de linha é uma tag singleton, nenhuma outra tag pode ser usada dentro dela.
Maus uso comuns das tags
e
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
para alterar o comprimento de uma linha de texto: Usar a tag break 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 automaticamente coloca a quebra de linha e, em seguida, quando se trata da tag
, ela quebra o texto novamente, resultando em linhas curtas e longas e texto entrecortado. 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
& nbsp;
para adicionar espaço entre os elementos: Mais uma vez, trata-se de recorrer ao HTML para criar um layout visual, neste caso, espaçamento, em vez de usar CSS. Esta é 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.
Formato mla apa chicago Sua Citação
Kyrnin, Jennifer. “O uso correto dos elementos HTML P e BR.” ThoughtCo, maio. 14, 2021, thinkingco.com/correct-usage-p-and-br-elements-3468192.
Kyrnin, Jennifer. (2021, 14 de maio). O uso correto dos elementos HTML P e BR. Obtido em https://www.thoughtco.com/correct-usage-p-and-br-elements-3468192
Kyrnin, Jennifer. “O uso correto dos elementos HTML P e BR.” ThoughtCo. https://www.thoughtco.com/correct-usage-p-and-br-elements-3468192 (acessado em 17 de maio de 2021).
