<mark>: عنصر MARK
آخر تحديث: 2026-10-13
<mark>عنصر MARK
يبرز النص بخلفية صفراء افتراضية، مثل قلم التمييز؛ يُستخدم غالبًا للكلمات المفتاحية في نتائج البحث.
| الفئة | تنسيق |
|---|---|
| نموذج المحتوى | محتوى نصي (عبارات) |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى النصي |
| وسم الإغلاق | نعم — يتطلب إغلاق </mark> وسم |
| الحالة | قياسي |
📝 البنية
<mark>نص مميز</mark>▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <mark> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： <mark> يعني نصًا ذا صلة في السياق الحالي، وليس مجرد تغيير خلفية؛ خصص اللون عبر CSS.
❓ الأسئلة الشائعة
Qما الفرق بين mark و strong؟
A
<mark> يعني «نص مُبرز في السياق الحالي» (بخلفية صفراء افتراضيًا)، وحالته النموذجية إبراز كلمات البحث أو نقاط مهمة في اقتباس؛ بينما <strong> يعني أهمية المحتوى نفسه. واحدة تعني «أنا أشير إلى المهم» والأخرى «هذا مهم» — دلالتان مختلفتان كليًا.Qهل يمكن تغيير لون التمييز في mark؟
Aنعم، الخلفية الصفراء الافتراضية قابلة للتعديل عبر CSS:
mark { background: #ffeb3b; color: inherit; }. كما يمكن تعريف أصناف متعددة بحسب الحالة: لون لإبراز نتائج البحث ولون آخر لنقاط الاقتباس.Qهل يناسب mark الكتل المقتبسة؟
Aيناسبها تمامًا وهي حالته النموذجية: عند اقتباس كلام غيرك استخدم
<mark> لتعليم «الجزء الأكثر صلة بالنقاش الحالي» — فهذا التمييز من إضافتك لا من النص الأصلي. أما تأكيد المؤلف الأصلي فيحفظ عبر <strong> أو <em> كما هو.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
