Composant de texte enrichi

Last updated on 11/6/2024@mrbirddev

Insérer

Vous pouvez insérer un Text depuis le bouton en haut à gauche Ajouter une diapositive.

Ou vous pouvez utiliser l'icône plus en haut/bas du composant sélectionné pour l'ajouter dans Diapositive / Conteneur / au niveau en ligne.

Structure DOM

Un composant Texte est composé comme ceci dans la structure HTML DOM.

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

Vous devez donc cibler les enfants directs du nœud racine lors de la définition des styles.

Définir la marge verticale du bloc

&>*.margin: 20px 0

Définir la hauteur de ligne du bloc

&>*.lineHeight: 1.4

Définir les styles uniquement pour les titres

L'exemple utilise h1. Vous pouvez également spécifier h2, h3, p...

&>h1.fontSize: 3em;

Considération SEO

En plus d'avoir certains styles par défaut dans le navigateur, les titres (h1 / h2 ...) servent d'indicateurs sémantiques pour les moteurs de recherche. Les moteurs de recherche analyseront vos titres pour comprendre de quoi parle votre page web. Vous pouvez rechercher seo headings pour en savoir plus.