Rich text component

Invoegen

Je kunt een Tekst invoegen vanaf de knop linksboven Dia toevoegen.

Of je kunt het pluspictogram boven/onder de geselecteerde component gebruiken om het toe te voegen op Dia / Container / inline niveau.

DOM-structuur

Een Tekst component is als volgt samengesteld in de HTML DOM-structuur.

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

Dus je moet de directe kinderen van de root node targeten bij het instellen van stijlen.

Verticale marge van blok instellen

&>*.margin: 20px 0

Regelhoogte van blok instellen

&>*.lineHeight: 1.4

Stijlen instellen voor alleen koppen

Het voorbeeld gebruikt h1. Je kunt ook h2, h3, p specificeren...

&>h1.fontSize: 3em;

SEO-overweging

Naast het hebben van enkele standaardstijlen in de browser, dienen koppen (h1 / h2 ...) als semantische indicatoren voor zoekmachines. Zoekmachines zullen je koppen analyseren om te begrijpen waar je webpagina over gaat. Je kunt zoeken naar seo headings om meer te leren.