O que é quebra de página?
A quebra de página é um recurso utilizado em documentos e páginas da web para indicar o fim de uma página e o início de uma nova. Ela é especialmente útil em documentos longos, como relatórios, artigos e livros, onde é necessário dividir o conteúdo em páginas separadas para facilitar a leitura e a organização.
Como funciona a quebra de página?
A quebra de página pode ser feita de diferentes maneiras, dependendo do tipo de documento ou página da web em questão. Alguns dos métodos mais comuns incluem:
- Quebra de página manual: o usuário insere manualmente uma quebra de página no local desejado, geralmente utilizando um atalho de teclado ou uma opção no menu do programa de edição.
- Quebra de página automática: o programa de edição ou o navegador web identifica automaticamente os pontos adequados para inserir quebras de página, com base em critérios como tamanho da página, margens e conteúdo.
- Quebra de página condicional: o usuário define condições específicas para a quebra de página, como a presença de um determinado elemento ou a quantidade de texto restante na página atual.
Por que usar quebra de página?
A quebra de página é importante para melhorar a legibilidade e a organização de documentos longos. Ela permite que o leitor acompanhe o conteúdo de forma mais clara, evitando a sobrecarga de informações em uma única página. Além disso, a quebra de página também facilita a impressão de documentos, garantindo que cada página seja impressa corretamente.
Exemplo de quebra de página em HTML:
No HTML, a quebra de página pode ser feita utilizando a tag <br>
ou a tag <p>
com o atributo style="page-break-before: always;"
. Veja um exemplo:
<p style="page-break-before: always;">Este é o conteúdo da primeira página.</p>
<p style="page-break-before: always;">Este é o conteúdo da segunda página.</p>
Tag | Descrição |
---|---|
<br> | Insere uma quebra de linha, mas não uma quebra de página. |
<p style=”page-break-before: always;”> | Insere uma quebra de página antes do elemento. |
Referências
- https://www.w3schools.com/html/html_layout.asp
- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br