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.

Loading...