Rich-Text-Komponente
Last updated on 11/6/2024@mrbirddev
Einfügen
Sie können ein Text über die Schaltfläche Folie hinzufügen oben links einfügen.
Oder Sie können das Plus-Symbol oben/unten an der ausgewählten Komponente verwenden, um es auf Folie / Container / Inline-Ebene hinzuzufügen.
DOM-Struktur
Eine Text-Komponente ist in der HTML-DOM-Struktur wie folgt aufgebaut.
<div>
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<p>...</p>
</div>
Daher müssen Sie die direkten Kinder des Wurzelknotens anvisieren, wenn Sie Stile festlegen.
Vertikalen Blockabstand einstellen
&>*.margin: 20px 0
Zeilenhöhe des Blocks einstellen
&>*.lineHeight: 1.4
Stile nur für Überschriften festlegen
Das Beispiel verwendet h1
. Sie können auch h2
, h3
, p
... angeben.
&>h1.fontSize: 3em;
SEO-Überlegungen
Abgesehen davon, dass sie einige Standardstile im Browser haben, dienen Überschriften (h1
/ h2
...) als semantische Indikatoren für Suchmaschinen. Suchmaschinen analysieren Ihre Überschriften, um zu verstehen, worum es auf Ihrer Webseite geht. Sie können nach seo headings suchen, um mehr zu erfahren.