يعطي العنصر <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;
}
