مكون النص الغني

Last updated on 11/6/2024@mrbirddev

إدراج

يمكنك إدراج نص من الزر العلوي الأيسر إضافة شريحة.

أو يمكنك استخدام أيقونة الزائد في أعلى/أسفل المكون المحدد لإضافته في شريحة / حاوية / مستوى السطر.

هيكل 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 لمعرفة المزيد.

Loading...