العنصر <html>

من موسوعة حسوب
اذهب إلى: تصفح، ابحث

يُمثِّل الوسم <html> العنصر الرئيسي في مستندات HTML، ويُشار إليه أحيانًا باسم «العنصر الجذر» (root element). يجب أن تكون جميع العناصر الأخرى في المستند سليلةً (descendants، أي أبناء مباشرين وغير مباشرين) له.

مثال عن بنية مستند HTML بسيط يظهر فيه العنصر <html> دون خاصيات:

<!DOCTYPE html>
<html>
  <head>...</head>
  <body>...</body>
</html>

بطاقة العنصر

تصنيفات المحتوى لا يوجد.
المحتوى المسموح عنصر <head> وحيد، متبوع بعنصر <body> وحيد.
الوسم المختصر يمكن أن يُحذَف وسم البداية إذا كان أوّل شيءٍ داخل العنصر <html> ليس تعليقًا.

ويمكن حذف وسم النهاية إذا لم يُتبَع العنصر <html> بتعليق مباشرةً، واحتوى على عنصر <body> يحتوي على محتوى أو كان وسم البداية له موجودًا.

العناصر الأب هذا العنصر هو العنصر الرئيسي في مستندات HTML.
واجهة DOM HTMLHtmlElement

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

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

الخاصيات

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

manifest

تُحدَّد هذه الخاصية رابط URI لملف manifest الذي يتضمن قائمةً بالموارد التي يجب تخزينها محليًا اللازمة للتطبيقات التي تعمل دون اتصال.

مثال عن استخدام الخاصية manifest للإشارة إلى ملف التخزين المؤقت:
<!DOCTYPE html>
<html manifest="/cache.manifest">
  <head>...</head>
  <body>...</body>
</html>

version

تُحدِّد هذه الخاصية إصدار HTML المستعمل في المستند الحالي، لكن هذه الخاصية غير ضرورية فهي تحتوي المعلومات نفسها الموجودة في التصريح عن نوع المستند (doctype).

xmlns

تُحدِّد هذه الخاصية مجال أسماء XML‏ (XML namespace)  المستخدم في المستند. القيمة الافتراضية هي "http://www.w3.org/1999/xhtml".

هذه الخاصية ضرورية إذا كان المستند سيُفسَّر باستخدام مفسرات XML، واختيارية إذا كان سيُخدَّم كمستند text/html.

مثال عن استخدام هذه الخاصية للتصريح إلى أنَّ المستند هو مستند XHTML 1.0 مع تحديد الخاصية العامة xml:lang.
<!DOCTYPE html PUBLIC
  "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head>...</head>
  <body>...</body>
</html>

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

أغلبية المتصفحات تعرض العنصر <html> مع ضبط خاصية display إلى block، والخاصية outline إلى none مع الصنف الزائف ‎:foucs:
html { 
  display: block;
}

html:focus { 
  outline: none;
}

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