العنصر <mark>

من موسوعة حسوب
اذهب إلى: تصفح، ابحث

يستعمل العنصر <mark> لتعليم (highlight) جزء من النص لغرض الإشارة إليه لأن له أهمية في سياقٍ معيّن. فمثلًا يمكن أن يستعمل لتعليم كل مرة ترد فيها كلمة مفتاحية في عبارة البحث في صفحة النتائج.

مثال عن استخدام العنصر <mark>:

<p>يستعمل العنصر &lt;mark&gt;
  <mark>لتعليم</mark> النص</p>

بطاقة العنصر

تصنيفات المحتوى عنصر تنظيمي أو عنصر عادي.
المحتوى المسموح محتوى عادي.
الوسم المختصر لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب أي عنصر يقبل المحتوى العادي.
واجهة DOM HTMLElement

دعم المتصفحات

Chrome Firefox Edge Safari Opera
مدعوم مدعوم مدعوم مدعوم 11.0

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

ملاحظات الاستخدام

  • إذا ورد هذا العنصر داخل اقتباس، فالنص المعلَّم سيُشار إليه خارج الاقتباس أو سيتم التعرض بشكلٍ دقيق له لاحقًا مع أنَّ الكاتب الأصلي لم يظن أنَّ ذلك النص مهم.
  • النص المُعلَّم في المحتوى الرئيسي للصفحة يعني أنَّ ذلك النص مهم لنشاط المستخدم الحالي، كما في نتائج البحث.
  • لا تستعمل العنصر <mark> لعرض النصوص البرمجية.
  • لا تخلط بين العنصرين <mark> و <strong>، فالعنصر <strong> يستخدم لإعطاء أهمية إلى جزء من النص، بينما العنصر <mark> فيشير إلى أنَّ ذلك النص متعلقٌ بشيءٍ ما في سياقٍ مختلف.

التنسيق الافتراضي

تعرض أغلبية المتصفحات العنصر <mark> مع جعل لون الخلفية background-color أصفر ولون النص color أسود:
mark {
  background-color: yellow;
  color: black;
}

مصادر ومواصفات