الفرق بين المراجعتين لصفحة: «HTML/body»

المراجعة الحالية بتاريخ 09:07، 13 نوفمبر 2024

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>عنوان الصفحة</title>
  </head>

  <body>
    <p>فقرة نصية داخل جسم الصفحة</p>
  </body>

</html>

بطاقة العنصر

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

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

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

الخاصيات

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

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

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

body { 
  display: block;
  margin: 8px;
}

body:focus { 
  outline: none;
}

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

معيار HTML Living Standard.
مواصفة HTML5، حذفت هذه المواصفة الخاصيات المهملة.
مواصفة HTML 4.01، أهملت هذه المواصفة الخاصيات alink و background و bgcolor و link و text و vlink.

@@ سطر 1: / سطر 1: @@
 <noinclude>{{DISPLAYTITLE:العنصر <code><body></code>}}</noinclude>
-يُمثِّل العنصر <code><body></code> محتوى مستند HTML، ولا يجوز أن يكون هنالك أكثر من عنصر <code><body></code> واحد في المستند.
+يُمثِّل العنصر <code><body></code> محتوى مستند HTML، ولا يجوز أن يكون هنالك أكثر من عنصر <code><body></code> في المستند.
-مثال عن بنية مستند HTML بسيط يظهر فيه العنصر <code><body></code>:<syntaxhighlight lang="html">
+مثال عن بنية مستند HTML بسيط يظهر فيه العنصر <code><body></code>، مع العنصر <code>[[HTML/head|<head>]]</code> الذي يحتوي على عنوان المستند (العنصر <code>[[HTML/title|<title>]]</code>)، وفيه فقرة نصية (العنصر <code>[[HTML/p|<nowiki><p></nowiki>]]</code>): <syntaxhighlight lang="html">
+<!DOCTYPE html>
 <html>
    <head>
-     <title>Document title</title>
+     <title>عنوان الصفحة</title>
    </head>
    <body>
-     <p>This is a paragraph</p>
+     <p>فقرة نصية داخل جسم الصفحة</p>
    </body>
 </html>
 </syntaxhighlight>
+== بطاقة العنصر ==
 {| class="wikitable" style="width: 100%;"
 |-
@@ سطر 47: / سطر 52: @@
 == الخاصيات ==
 يمكن استخدام [[HTML/Global Attributes|الخاصيات العامة]] في هذا العنصر.
+== التنسيق الافتراضي ==
+أغلبية المتصفحات تعرض العنصر <code><body></code> مع ضبط الخاصية <code>[[CSS/display|display]]</code> إلى <code>block</code> مع هامش (<code>[[CSS/margin|margin]]</code>) بقيمة <code>8px</code>، وضبط الخاصية <code>[[CSS/outline|outline]]</code> إلى <code>none</code> مع الصنف الزائف ‎<code>[[CSS/:focus|:focus]]</code>:<syntaxhighlight lang="css">
+body {
+  display: block;
+  margin: 8px;
+}
+body:focus {
+  outline: none;
+}
+</syntaxhighlight>
 == مصادر ومواصفات ==