HyperFluxCMS

Fast. Flexible. Free.

HyperFluxCMS

Inserindo Headings

Como inserir Headings ou cabeçalhos nas páginas usando HyperCode

publicado 01/01/2025 15:10, atualizado 14/04/2026 23:17

Inserir um Headings ou Cabeçalho na sua postagem escrita em HyperCode é bastante fácil. Veja como.

Headings ou cabeçalhos são textos curtos, geralmente de uma linha só, escritos em fontes maiores do que o padrão e em destaque. Normalmente são usadas para indicar o título ou início de um capítulo ou seção da postagem.

Headings podem ter vários níveis. Por exemplo, em uma postagem longa falando sobre a um determinado um país, pode haver um título em destaque (um Heading nível 1) iniciando uma seção falando sobre a Historia dele.

Dentro desta seção pode haver uma série de sub-seções, cada uma com seu subtítulo (um Heading nível 2, de menor destaque) por exemplo uma delas falando sobre o período colonial.

Dentro desta sub-seção pode haver outra série de sub-sub-seções, cada uma com seu subtítulo (um Heading nível 3, de ainda menor destaque), por exemplo uma falando sobre determinada guerra. E assim sucessivamente.

Assim como no HTML, o HyperCode suporta até 6 (seis) níveis de Headings.

Ao longo deste documento, o número que pode ser de 1 até 6 pode ser substituído por "x", mostrando Hx para indicar que a informação se aplica a qualquer nível de heading, como h1 e h4, por exemplo.

Além de servir para organizar o texto em seções em que fique fácil o leitor encontrar a informação que procura, os Headings são usados pelo HyperFluxCMS também para gerar objetos do tipo Index, que funcionam como índice, tabela de conteúdos, de uma página, facilitando a navegação do visitante permitindo que ele vá direto para a seção que lhe interessa.

Um Heading age como uma tag de formatação de bloco. Não é possível ter um Heading usando somente parte de uma linha. Isso fará o site aparecer de forma estranha, quebrando linhas de forma indesejável. Um Heading deve tomar toda uma linha ou parágrafo.

É recomendável que o Heading seja um texto bem breve, somente um título com poucas palavras.

A sintaxe e forma de usar de todos os Headings, do nível 1 ao nível 6, são exatamente idênticas. A única coisa que muda é o algarismo após o H e o destaque que ele ganhará no texto.

A parte que será exibida em destaque é aquela após o [Hx] e antes do [/Hx] ou [/].

Por exemplo, para criar um Heading nível 2 com o texto "Período Colonial", usa-se

[h2]Período Colonial[/]

Tag [h1]: Heading nível 1

Insere um Heading nível 1 na página.

Tag [h2]: Heading nível 2

Insere um Heading nível 2 na página.

Tag [h3]: Heading nível 3

Insere um Heading nível 3 na página.

Tag [h4]: Heading nível 4

Insere um Heading nível 4 na página.

Tag [h5]: Heading nível 5

Insere um Heading nível 5 na página.

Tag [h6]: Heading nível 6

Insere um Heading nível 6 na página.

Exemplos

[h1]HyperFluxCMS[/]
[h2]Linguagens de marcação[/]
[h3]HyperCode[/]
[h4]Headings[/]
[h5]propriedades Opcionais[/]

É exibido assim:

HyperFluxCMS

Linguagens de marcação

HyperCode

Headings

propriedades Opcionais

Como a maioria tas Tags HyperCode, Hx aceita opcionalmente as propriedades class, style e id para personalizações adicionais dos títulos. Veja Class, Style, id