# العنصر body

> يُمثِّل العنصر محتوى مستند HTML ولا يجوز أن يكون هنالك أكثر من عنصر واحد في المستند

- Canonical URL: https://coreiten.com/article/العنصر-body
- Language: ar
- Section: HTML
- Author: Sami
- Published: 2025-06-06T00:00:00+03:00
- Modified: 2026-01-31T12:45:09+03:00
- Publisher: CoreITen (https://coreiten.com)
- Keywords: ما هو العنصر body في html, شرح العنصر body في html, بطاقة العنصر body, دعم المتصفحات للعنصر body, خاصيات العنصر body, التنسيق الافتراضي للعنصر body, تعلم html من الصفر

---

**جسم الصفحة <body>**

يُمثِّل العنصر `<body>` محتوى مستند HTML، ولا يجوز أن يكون هنالك أكثر من عنصر `<body>` واحد في المستند.

مثال عن بنية مستند HTML بسيط يظهر فيه العنصر `<body>`، مع العنصر `<head>` الذي يحتوي على عنوان المستند (العنصر `<title>`)، وفيه فقرة نصية (العنصر `<p>`):

```html
<!DOCTYPE html>
<html>
  <head>
    <title>عنوان الصفحة</title>
  </head>

  <body>
    <p>فقرة نصية داخل جسم الصفحة</p>
  </body>

</html>
```

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

| تصنيفات المحتوى | عنصر تقسيم رئيسي. |
| --- | --- |
| المحتوى المسموح | المحتوى التنظيمي. |
| الوسم المختصر | يمكن أن يُحذَف وسم البداية إذا كان أوّل شيءٍ داخل العنصر <body> ليس فراغًا أو تعليقًا أو عنصر <script> أو <style>. ويمكن حذف وسم النهاية إذا لم يُتبَع العنصر <body> بتعليق مباشرةً، أو إذا كان فيه محتوى أو كان له وسم بداية. |
| العناصر الأب | يجب أن يكون هذا العنصر هو ثاني ابن للعنصر <html>. |
| واجهة DOM | HTMLBodyElement |

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

| 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) في هذا العنصر.

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

أغلبية المتصفحات تعرض العنصر `<body>` مع ضبط الخاصية `display` إلى `block` مع هامش (`margin`) بقيمة `8px`، وضبط الخاصية `outline` إلى `none` مع الصنف الزائف ‎`:focus`:

```css
body { 
  display: block;
  margin: 8px;
}

body:focus { 
  outline: none;
}
```

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

- [تعلم 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)
