Komponent för rik text

Last updated on 11/6/2024@mrbirddev

Infoga

Du kan infoga en Text från det övre vänstra Lägg till bildspel-knappen.

Eller så kan du använda plusikonen högst upp/nederst på den valda komponenten för att lägga till den i Bildspel / Behållare / inline-nivå.

DOM-struktur

En Text-komponent är sammansatt så här i HTML DOM-strukturen.

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

Så du behöver rikta in dig på de direkta barnen till rotknuten när du ställer in stilar.

Ställa in vertikal marginal för block

&>*.margin: 20px 0

Ställa in radavstånd för block

&>*.lineHeight: 1.4

Ställa in stilar endast för rubriker

Exemplet använder h1. Du kan också specificera h2, h3, p...

&>h1.fontSize: 3em;

SEO-överväganden

Förutom att ha några standardstilar i webbläsaren, fungerar rubriker (h1 / h2 ...) som semantiska indikatorer för sökmotorer. Sökmotorer kommer att analysera dina rubriker för att förstå vad din webbsida handlar om. Du kan söka på seo headings för att lära dig mer.

Loading...