רכיב טקסט עשיר

הוספה

ניתן להוסיף טקסט מהכפתור העליון השמאלי הוסף שקופית.

או שניתן להשתמש באייקון הפלוס בחלק העליון/תחתון של הרכיב הנבחר כדי להוסיף אותו ב-שקופית / מיכל / ברמת השורה.

מבנה DOM

רכיב טקסט מורכב כך במבנה ה-HTML DOM.

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

לכן יש לכוון את הילדים הישירים של הצומת הראשית בעת הגדרת סגנונות.

הגדרת מרווח אנכי לבלוק

&>*.margin: 20px 0

הגדרת גובה שורה לבלוק

&>*.lineHeight: 1.4

הגדרת סגנונות לכותרות בלבד

הדוגמה משתמשת ב-h1. ניתן גם לציין h2, h3, p...

&>h1.fontSize: 3em;

שיקולי SEO

מלבד היותן בעלות סגנונות ברירת מחדל בדפדפן, כותרות (h1 / h2 ...) משמשות כאינדיקטורים סמנטיים למנועי חיפוש. מנועי חיפוש ינתחו את הכותרות שלך כדי להבין על מה עוסק דף האינטרנט שלך. ניתן לחפש seo headings כדי ללמוד עוד.