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