تخطَّ إلى المحتوى

<mark>

وسم التظليل <mark>

وسم mark يظلل نصًّا بخلفية صفراء كقلم التحديد — لإبراز الأجزاء ذات الصلة بسياق المستخدم كنتائج البحث.

قلم الهايلايتر الرقمي، ودلالته دقيقة: «هذا الجزء ذو صلة خاصة بما تبحث عنه الآن» — تظليل كلمة البحث في النتائج هو مثاله الأنموذجي، أو لفت النظر لجزء محدد في اقتباس طويل.

الفرق عن strong جوهري: strong أهمية يقصدها الكاتب دائمًا، وmark صلة بسياق القارئ الحالي. الخلفية الصفراء افتراضية وقابلة للتخصيص بـ CSS.

الصياغة

<p>نتائج البحث عن <mark>بايثون</mark>: وجدنا 12 درسًا عن <mark>بايثون</mark>.</p>

⚡ جرّب بنفسك

عدّل الكود واضغط «تحديث» لترى النتيجة فورًا — التجربة أفضل معلّم.

🎨 محرّر HTML/CSS
<p>نتائج البحث عن «مصفوفة»:</p>
<p>تعلم كيفية إنشاء <mark>مصفوفة</mark> جديدة، والتنقل بين عناصر الـ<mark style="background:#c4b5fd">مصفوفة</mark> بالحلقات.</p>
النتيجة المباشرة:

أهم الخصائص

الخاصيةالوظيفة
لا خصائص مميزة — لون التظليل عبر CSS

💡 نصائح عملية

  • استخدامه الأقوى: تظليل كلمات البحث في صفحات النتائج
  • الأصفر الافتراضي صارخ على الخلفيات الداكنة — خصصه لهوية موقعك

⚠️ أخطاء شائعة

  • استخدامه كبديل زخرفي عن strong — الدلالتان مختلفتان
  • تظليل فقرات كاملة فيفقد الإبراز معناه

وسوم ذات صلة

🎓 تريد فهم الصورة الكاملة خطوة بخطوة؟ ابدأ من مسار HTML الكامل بالعربي.

📚 للتعمق التقني الكامل بالإنجليزية: MDN Web Docs