Componente di testo ricco

Inserimento

Puoi inserire un Testo dal pulsante in alto a sinistra Aggiungi diapositiva.

Oppure puoi utilizzare l'icona più in alto/in basso del componente selezionato per aggiungerlo a livello di Diapositiva / Contenitore / inline.

Struttura DOM

Un componente Testo è composto in questo modo nella struttura HTML DOM.

<div>
  <h1>...</h1>
  <h2>...</h2>
  <h3>...</h3>
  <p>...</p>
</div>

Quindi è necessario puntare ai figli diretti del nodo radice quando si impostano gli stili.

Impostazione del margine verticale del blocco

&>*.margin: 20px 0

Impostazione dell'altezza della linea del blocco

&>*.lineHeight: 1.4

Impostazione degli stili solo per le intestazioni

L'esempio utilizza h1. Puoi anche specificare h2, h3, p...

&>h1.fontSize: 3em;

Considerazioni SEO

Oltre ad avere alcuni stili predefiniti nel browser, le intestazioni (h1 / h2 ...) servono come indicatori semantici per i motori di ricerca. I motori di ricerca analizzeranno le tue intestazioni per capire di cosa tratta la tua pagina web. Puoi cercare seo headings per saperne di più.