<body>: عنصر BODY
آخر تحديث: 2026-10-13
<body>عنصر BODY
جسم المستند الذي يحمل كل ما يراه المستخدم: النصوص والصور والنماذج وغيرها.
| الفئة | بنية المستند |
|---|---|
| نموذج المحتوى | طفل العنصر الجذر |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </body> وسم |
| الحالة | قياسي |
📝 البنية
<body>
<h1>محتوى مرئي</h1>
</body>▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <body> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： body يحمل كل المحتوى المرئي؛ التخطيط الحديث يستخدم وسوم دلالية مثل header وmain وfooter بداخله.
❓ الأسئلة الشائعة
Qما الأحداث الشائعة التي يمكن الاستماع إليها على body؟
Aمعظم أحداث الصفحة تُرسل إلى body/window:
load (اكتمال تحميل كل الموارد)، وscroll (التمرير)، وresize (يُعلَّق فعليًا على window)، وتفويض النقرات الصاعدة إلى body. والتوصية الحديثة تعليق الاستماع العالمي على window، أما body فتتولى مسؤولية جذر بنية DOM.Qكيف تُزال الهامش الافتراضي لـ body؟
Aيمنح المتصفح body هامشًا افتراضيًا 8px، ويُصفَّر بـ
body { margin: 0; } أو باعتماد إعادة ضبط حديثة (* { margin: 0; } مع box-sizing). وهذا أول سطر في CSS معظم المشاريع على الإطلاق.Qهل يقبل body المحتوى المرئي فقط؟
Aنموذج محتوى body هو المحتوى الانسيابي، وتعود عناصر غير مرئية مثل
<script> و<template> و<noscript> صحيحة فيه. لكن وضع <meta> أو <title> فيه لا يجوز — فتلك حكرٌ على head.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
