<header>: عنصر HEADER
آخر تحديث: 2026-10-13
<header>عنصر HEADER
يمثل محتوى تمهيديًا أو منطقة تنقل، يُستخدم عادةً أعلى صفحة أو قسم (عنوان الموقع والشعار والتنقل الرئيسي).
| الفئة | دلالي |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </header> وسم |
| الحالة | قياسي |
📝 البنية
<header>محتوى الترويسة</header>▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <header> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： header يصف الدور/الموضع، لا تخلطه مع head؛ قد تحتوي الصفحة على عدة رؤوس (مثل رأس لكل مقال).
❓ الأسئلة الشائعة
Qهل يمكن وجود header واحد فقط في الصفحة؟
Aلا. ترويسة مستوى الصفحة واحدة عادة (أعلى body)، لكن كل
<article> و<section> يمكن أن يملكا <header> خاصًا بهما (بعنوان القسم وبياناته الوصفية). وانتبه: لا يجوز تداخل header داخل header أو footer آخر.Qما الفرق بين header و h1؟
A
<h1> هو العنوان نفسه، أما <header> فـ «حاوية تمهيدية» — قد تضم الشعار وخانة البحث والتنقل ومجموعة عناوين وغيرها. وضع h1 داخل header تركيب شائع، لكن header لا يضم سوى الشعار والتنقل صحيح تمامًا أيضًا.Qما الفرق بين header و head؟
Aعنصران مختلفان كليًا:
<head> حاوية البيانات الوصفية للمستند (غير مرئية وتضم title/meta/link)؛ بينما <header> منطقة الترويسة المرئية في الصفحة. ويخلط المبتدئون بينهما كثيرًا — head يكتب في مقدمة المستند وheader يكتب داخل body.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
