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.