HTML moderno: estrutura, semântica e acessibilidade
O elemento <p> representa um parágrafo, não um espaçador. HTML normalmente reduz sequências de espaços e quebras no código a um único espaço visual; isso permite formatar o arquivo sem alterar o fluxo do texto.
Um parágrafo por ideia
Separe ideias em elementos p e use CSS para controlar margens e largura da linha. Não coloque listas, títulos ou outros blocos dentro de um parágrafo: o navegador encerrará o elemento automaticamente e a árvore pode ficar diferente do código imaginado.
Quando usar br e hr
<br> é adequado quando a quebra faz parte do conteúdo, como em um endereço ou poema. Não repita br para criar espaço visual. <hr> representa uma mudança temática entre blocos, não apenas uma linha decorativa.
<p>Rua das Flores, 100<br>São Paulo — SP</p>n<hr>n<p>Agora começa uma nova etapa do assunto.</p>pre e code
<code> identifica um trecho de código em linha. Para blocos cuja indentação deve ser preservada, combine <pre> e <code>. Em exemplos reais, escape os sinais < e > para que apareçam como texto.
Checklist de qualidade
- Cada parágrafo contém uma ideia coesa.
- O espaçamento vem do CSS, não de quebras repetidas.
- Blocos de código permanecem legíveis em telas pequenas.
Pratique agora
Marque um endereço, uma citação curta e um bloco de código escolhendo entre p, br, blockquote, pre e code conforme o significado.
