Títulos e Paragrafos em HTML 5

Títulos e subtítulos

Os mecanismos de buscas usam os títulos e subtítulos para indexar a estrutura e o conteúdo das páginas em HTML, temos seis variações disponíveis que começam em <h1> sendo o título maior em tamanho padrão entre eles e o mais importante no que se refere a questão de semântica, e o <h6> sendo o menor em tamanho e o menos expressivo entre eles se tratando da semântica, ou seja, sempre devemos priorizar o uso do <h1> em nossos projetos e escalando <h2> e <h3> para assuntos menos relevantes ou de menor importância.

Parágrafos

Um paragrafo sempre começa em uma nova linha e geralmente é um bloco de texto. A Tag <p> define o início do paragrafo, os navegadores adicionam automaticamente algum espaço em branco (uma margem) antes e depois de um paragrafo.

O elemento <p> nos atende na maioria das nossas necessidades, porém em certas situações encontramos problemas que não são solucionados pela Tag <p>. Em casos de poemas declarados com <p> as linhas não teriam espaço entre elas ficando todas juntas e deixando a formatação do texto inapropriada para um poema. Exemplo de um poema declarado com a Tag <p> :

“Não cobre amor, que amor não é cobre. É ouro. Não peça amor, que amor não é peça. É todo. Mas chama, chama amor, que amor é chama. É fogo.” C. Lemos

Como podemos ver a formatação fica inadequada para um poema, a solução para esse contratempo em HTML se dá pela Tag <pre>, vamos usá-la para ver como fica a formatação?

                    “Não cobre amor,
                    que amor não é cobre.
                    É ouro.

                    Não peça amor,
                    que amor não é peça.
                    É todo.

                    Mas chama, chama amor,
                    que amor é chama.
                    É fogo.”

                    C. Lemos
                

Agora sim, temos um poema formatado e de forma agradável de se ler, obrigado pela visita!