العنصر <html>
يمثل الوسم <html> العنصر الرئيسي في مستندات HTML، ويُشار إليه أحيانًا باسم «العنصر الجذر» (root element). يجب أن تكون جميع العناصر الأخرى في المستند سليلةً (descendants، أي أبناء مباشرين وغير مباشرين) له.
مثال عن بنية مستند HTML بسيط يظهر فيه العنصر <html> دون خاصيات:
<!DOCTYPE html>
<html>
<head>...</head>
<body>...</body>
</html>
بطاقة العنصر
| تصنيفات المحتوى | لا يوجد. |
|---|---|
| المحتوى المسموح | عنصر <head> وحيد، متبوع بعنصر <body> وحيد.
|
| الوسم المختصر | يمكن أن يُحذَف وسم البداية إذا كان أوّل شيءٍ داخل العنصر <html> ليس تعليقًا.
ويمكن حذف وسم النهاية إذا لم يُتبَع العنصر |
| العناصر الأب | هذا العنصر هو العنصر الرئيسي في مستندات 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;
}