Rich text component
Last updated on 11/6/2024@mrbirddev
Invoegen
Je kunt een slideMenu.Text invoegen vanaf de knop linksboven Voeg dia toe.
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.