# العنصر b

> يُمثِّل العنصر نصًا يختلف تنسيقه عن تنسيق النص العادي، دون أن يكون له أهمية أو أولوية على بقية النص، ويُعرَض عادةً بخطٍ عريض (bold).

- Canonical URL: https://coreiten.com/article/العنصر-b
- Language: ar
- Section: HTML
- Author: Sami
- Published: 2025-08-29T00:00:00+03:00
- Modified: 2026-01-31T13:07:46+03:00
- Publisher: CoreITen (https://coreiten.com)
- Keywords: ما هو العنصر b في html, شرح العنصر b, مثال عن العنصر b, خاصيات العنصر b, التنسيق الافتراضي للعنصر b, استخدام العنصر b في html, تعلم html من الصفر, الفرق بين العنصر b و strong و em

---

**العنصر <b>**

يُمثِّل العنصر `<b>` نصًا يختلف تنسيقه عن تنسيق النص العادي، **دون أن يكون له أهمية أو أولوية على بقية النص**، ويُعرَض عادةً بخطٍ عريض (bold).

المثال الآتي عن استخدام العنصر `<b>`:

```html
<p>يشرح توثيق <b>HTML</b> في الموسوعة التقنية جميع العناصر المتاحة للاستخدام.</p>
```

## بطاقة العنصر

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

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

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

## الخاصيات

يمكن استخدام [الخاصيات العامة](https://coreiten.com/article/%D8%A7%D9%84%D8%AE%D8%A7%D8%B5%D9%8A%D8%A7%D8%AA-%D8%A7%D9%84%D8%B9%D8%A7%D9%85%D8%A9) في هذا العنصر.

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

- استخدم العنصر `<b>` لتوسيم الكلمات المفتاحية في خلاصة المقال، أو أسماء المنتجات في مراجعةٍ لها، أو أيّة نصوص تُعرَض عادةً بخطٍ عريض.
- لا تخلط بين العنصر `<b>` وبين العناصر `<strong>` و `<em>` و `<mark>`. فالعنصر `<strong>` يُمثِّل نصًا له أهميّة، أما `<em>` فيعطي أثر التوكيد أو التشديد على نصٍ ما، بينما العنصر `<mark>` فيمثِّل نصًا له صلة بأمرٍ ما. إلا أنَّ العنصر `<b>` ليس له المعنى التنظيمي كما في العناصر السابقة، لذا استخدمه عندما لا يمكن استخدام غيره.
- بشكلٍ مشابه لما سبق، لا تستعمل العنصر `<b>` لتوسيم العناوين والترويسات، فلهذا الغرض استخدام الترويسات `<h1> - <h6>`؛ وأضف إلى ذلك أنَّ طريقة عرض تلك العناصر يمكن تعديلها عبر قواعد CSS، أي أنَّ الناتج ليس بالضرورة أن يكون بخطٍ عريض.
- من المستحسن استخدام الخاصية `class` مع العنصر `<b>` لإضافة معلومات تنظيمية إليه (مثلًا: استخدام `<b class="lead"‎>` لأول جملة في الفقرة)، مما يُسهِّل إضافة أنماط CSS إلى الصفحة دون الحاجة إلى تعديل شيفرة HTML.
- يجدر بالذكر أنَّ العنصر `<b>` كان يستعمل في الماضي لجعل النص عريضًا، لكن تغيّر استخدام العنصر `<b>` حديثًا؛ وإذا لم تكن هنالك فائدة تنظيمية من استخدام العنصر `<b>` فاستخدم خاصية `font-weight` في CSS لجعل الخط عريضًا.

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

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

```css
b {
  font-weight: bold;
}
```

## مواضيع ذات صلة

- [تعلم html من الصفر](https://coreiten.com/topic/%D8%AA%D8%B9%D9%84%D9%85-html-%D9%85%D9%86-%D8%A7%D9%84%D8%B5%D9%81%D8%B1)