<head>: عنصر HEAD
آخر تحديث: 2026-10-13
<head>عنصر HEAD
رأس المستند الذي يحمل البيانات الوصفية غير المرئية: title وcharset والأنماط ومراجع السكربتات وغيرها.
| الفئة | بنية المستند |
|---|---|
| نموذج المحتوى | طفل العنصر الجذر |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </head> وسم |
| الحالة | قياسي |
📝 البنية
<head>
<meta charset="UTF-8">
<title>العنوان</title>
</head>▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <head> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： محتوى head لا يظهر في body؛ title وmeta charset ضروريان لـ SEO والعرض.
❓ الأسئلة الشائعة
Qما العناصر التي يجوز وضعها في head؟
Aمنطقة مخصصة للبيانات الوصفية:
<title> و<meta> و<link> و<style> و<script> و<base> و<noscript> و<template>. وضع محتوى مرئي (كـ div) غير صالح — نموذج محتوى head لا يقبل إلا عناصر البيانات الوصفية.Qهل لترتيب عناصر head شروط؟
Aنعم لبعضها:
<meta charset> يجب أن يقع ضمن أول 1024 بايت (وضعه أولًا أسلم)؛ و<title> يجب أن يكون موجودًا ويستحسن تقديمه؛ وviewport meta قبل مفعول الأنماط. أما بقية link/script/style فترتيبها حر، لكن وضع CSS الحرجة في المقدمة يخفض عرقلة التصيير.Qهل يمكن إغفال head؟
Aيكمله المحلل تلقائيًا، لكن إغفاله يشوش موضع البيانات الوصفية الحرجة كـ title. تشترط المواصفة وجود title — وعند إغفال head يهيم title إلى body. كتابة head صريحةً من أدبي المهنة.
🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
