O que é uma quebra de linha HTML?

Na HTML (HyperText Markup Language), uma quebra de linha é uma propriedade de marca ou folha de estilo em cascata (CSS) que faz com que o visualizador de HTML ou o navegador da Web desça imediatamente para a próxima linha disponível e desenhe o próximo elemento, iniciando no definido margem. Existem duas maneiras geralmente aceitas de inserir uma quebra de linha HTML em um documento. A primeira é usar a tag break (BR), forçando o navegador a iniciar os próximos elementos na próxima linha, alinhados à borda esquerda. A outra opção é usar diferentes propriedades CSS para definir bordas, sarjetas ou espaçamento em torno de elementos no nível do bloco para criar espaço aberto, embora esse método não afete a quebra de palavras em um documento.

Um dos princípios de design do HTML é que geralmente é permitido ao navegador ter algum controle sobre o layout das páginas da web. Isso permite que sites bem projetados tenham uma aparência muito fluida, independentemente do tamanho da tela. Quando um parágrafo é desenhado, o navegador geralmente é encarregado de encontrar o local apropriado para terminar uma linha, geralmente na margem direita de um bloco. O uso de uma quebra de linha HTML implícita interrompe esse processo.

A tag BR é a maneira mais simples de terminar uma linha e descer. Geralmente, o uso da tag é aceito para algumas formatações menores, embora seu uso seja menosprezado como a única maneira de definir parágrafos em um documento. A tag de parágrafo é preferida para separar áreas de texto, porque cria um bloco que pode ser manipulado com CSS ou outras tags, enquanto a tag de quebra de linha HTML fica sozinha e não inclui um bloco. A tag de quebra pode ser usada em um bloco de parágrafo, principalmente para impedir que o navegador use duas quebras entre parágrafos, que é o comportamento padrão.

Outro método usado para causar uma quebra de linha é aumentar o tamanho de uma caixa de texto com propriedades CSS. Isso efetivamente estende a parte inferior de um contêiner, deixando espaço em branco depois dele. Isso pode parecer o mesmo que usar uma tag de quebra ou parágrafo, exceto que o texto no contêiner não é modificado; portanto, o agrupamento de palavras ainda é amplamente controlado pelo navegador.

Uma área na qual uma quebra de linha HTML pode precisar ser especificada é quando o texto está contornando uma imagem embutida. Uma maneira fácil de criar parágrafos formatados de maneira limpa que ficam ao lado de uma imagem é usar o modificador CLEAR para a marca de quebra de linha HTML. Isso permite especificar se uma quebra de linha deve continuar normalmente ou passar para a próxima linha disponível após uma imagem. Também é possível criar estilos CSS que imitam esse comportamento, embora possa não ser tão fluido em determinadas circunstâncias.