Componente de texto rico
Last updated on 11/6/2024@mrbirddev
Inserir
Você pode inserir um slideMenu.Text a partir do botão Adicionar slide no canto superior esquerdo.
Ou você pode usar o ícone de mais na parte superior/inferior do componente selecionado para adicioná-lo no nível Slide / Contêiner / inline.
Estrutura DOM
Um componente Texto é composto assim na estrutura HTML DOM.
<div>
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<p>...</p>
</div>
Portanto, você precisa direcionar os filhos diretos do nó raiz ao definir estilos.
Definindo margem vertical do bloco
&>*.margin: 20px 0
Definindo altura da linha do bloco
&>*.lineHeight: 1.4
Definindo estilos apenas para cabeçalhos
O exemplo usa h1
. Você também pode especificar h2
, h3
, p
...
&>h1.fontSize: 3em;
Consideração de SEO
Além de ter alguns estilos padrão no navegador, os cabeçalhos (h1
/ h2
...) servem como indicadores semânticos para os motores de busca. Os motores de busca irão analisar seus cabeçalhos para entender sobre o que é sua página web. Você pode pesquisar seo headings para saber mais.