العنصر <strong>

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

يعطي العنصر <strong> أهميةً للنص المحتوى فيه، ويُعرَض النص عادةً بخطٍ عريض (bold).

مثال عن استخدام العنصر <strong> لإعطاء أهمية لإحدى الكلمات:

<p>قبل أن تذهب إلى ورشة العمل <strong>احرص على ارتداء خوذة الأمان</strong>.</p>

بطاقة العنصر

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

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

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

الخاصيات

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

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

العنصر <b> والعنصر <strong>

وجود العديد من العناصر لإعطاء النص يؤدي إلى إرباك الكثير من المطورين، ومن أكثر تلك العناصر شهرةً العنصرين <b> و <strong>، فالسؤال الشائع بين المطورين الجدد هو متى نستخدم <strong> ومتى نستخدم <b>؟ أليست النتيجة نفسها؟

لا، ليست نفسها، لأن العنصر <strong> يستعمل لإضفاء أهمية إلى النص، دون أخذ التنسيق بالحسبان، أي يمكن التعبير عن التنسيق بعدِّة طرائق، إذ نستطيع تركه بخطٍ عريض أو ربما نغيّره إلى لونٍ مختلف أو حجم خط مختلف أو وضع خط تحت النص ...إلخ. فليس الغرض من العنصر <strong> هو إظهار النص بالخط العريض.

يجدر بالذكر أنَّ العنصر <b> يستخدم لتوسيم الكلمات المفتاحية في خلاصة المقال، أو أسماء المنتجات في مراجعةٍ لها، أو أيّة نصوص تُعرَض عادةً بخطٍ عريض.

العنصر <em> والعنصر <strong>

كما ذكرنا سابقًا، الغرض من العنصر <strong> هو إعطاء أهمية لمحتواه النصي، بينما العنصر <em> يضفي توكيدًا لجزء من الجملة وقد يؤدي إلى تغيير معناها (مثل: «أنا أحب الجزر» و «أنا أحب الجزر»).

بينما يستعمل العنصر <strong> لإعطاء أهمية لجزء من الجملة (مثل "تحذير! هذا الأمر خطيرٌ جدًا»).

لاحظ أنَّ بإمكانك استخدام العنصر <em> داخل <strong> لتوكيد معلومة مهمة، أو العنصر <strong> داخل العنصر <em> لإعطاء أهمية لجملة توكيدية.

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

تعرض أغلبية المتصفحات العنصر <strong> مع جعل وزن الخط (font-weight) ثخينًا (bold):

strong {
  font-weight: bold;
}

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