Página modelo com estrutura de conteúdo

Este é o título H1
Os títulos H1 são ignorados no sumário. Sempre iniciamos os links do sumário com H2.
A melhor parte dos elementos H2
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
H3 é um número menor que H2
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
<iframe id="getdemo-player" width="100%" height="596px" src="https://app.getdemo.com.br/d/e12a42a9-2d2c-43a0-b3bf-5491cf0728f0" style="border: none;" allow="autoplay; fullscreen" onload=" const isIframeInView = () => { const rect = this.getBoundingClientRect(); const inView = ( rect.top <= window.innerHeight && rect.bottom >= 0 && rect.left <= window.innerWidth && rect.right >= 0 ); this.contentWindow.postMessage({ inView: inView }, '*'); }; window.addEventListener('scroll', isIframeInView); window.addEventListener('message', (event) => { if (event.data === 'checkInView') { isIframeInView(); } }); isIframeInView();" ></iframe>Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
Eu sou um H4 relaxando sob um H3
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

E agora de volta ao H2
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
H3 é um número menor que H2
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
Eu sou um H4 relaxando sob um H3
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
H5 é muito raro
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
e H6 é um unicórnio!
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
Outro H2 aqui
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
H3 é um número menor que H2
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
Eu sou um H4 relaxando sob um H3
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".
[fs-toc-h2]Estrutura de títulos para o artigo/post
Os títulos são organizados em blocos no índice, seguindo a estrutura padrão de H1, H2, H3, H4, H5 e H6. Foi utilizado os índices em attributos para o desenvolvimento dessa feature no projeto.
Exemplo de estrutura:
- H1 - Título mais importante da página
- Paragrafo do assunto
- H2 - Título do
1ª tópicodo artigo- H3 - Titulo dentro do 1ªtópico sobre um sub assunto
com relevância grande - H4 - Titulo dentro do 1ªtópico sobre um sub assunto
com relevância média - H5 - Titulo dentro do 1ªtópico sobre um sub assunto
com relevância pequena - H6 - Titulo dentro do 1ªtópico sobre um sub assunto
sem relevância
- H3 - Titulo dentro do 1ªtópico sobre um sub assunto
- H2 - Título do
2ª tópicodo artigo- H3 - Titulo dentro do 2ªtópico sobre um sub assunto
com relevância grande - H4 - Titulo dentro do 2ªtópico sobre um sub assunto
com relevância média - H5 - Titulo dentro do 2ªtópico sobre um sub assunto
com relevância pequena - H6 - Titulo dentro do 2ªtópico sobre um sub assunto
sem relevância
- H3 - Titulo dentro do 2ªtópico sobre um sub assunto
🚧 O índice deste artigo é gerado automaticamente com base nos títulos que foram adicionados, seguindo a ordem dos níveis de cabeçalho, ou seja, H2, H3, H4, H5 e H6. A cada novo título H2 adicionado ao artigo, um novo bloco de índice é criado. Se desejar transformar um título H4 em um título H2, basta adicionar[fs-toc-h2]no início do texto correspondente, substituindo "#" pelo valor do cabeçalho desejado. Além disso, se você quiser ocultar um título do índice, basta adicionar[fs-toc-omit]no início desse título.
Descubra mais
Acesse todos os conteúdos do blog
.avif)


.png)


