العنصر <header>

يضم العنصر <header> مجموعةً من العناصر التمهيدية أو المساعدة على التنقل، وقت يحتوي على بعض عناصر الترويسات أو عناصر أخرى مثل شعار الموقع أو نموذج بحث وهلم جرًا.

المثال الآتي يعرض عنوانًا وشعارًا لفظيًا:

<header>
  <h1>حسوب</h1>
  <p>في مهمة لتطوير العالم العربي</p>
</header>

بطاقة العنصر

تصنيفات المحتوى	عنصر تنظيمي.
المحتوى المسموح	عنصر تنظيمي، لكن لا يسمح باستخدام العنصرين <header> أو <footer> فيه.
الوسم المختصر	لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب	أي عنصر يقبل المحتوى التنظيمي. لاحظ أنَّ العنصر <header> لا يجوز أن يكون ابنًا للعنصر <address> أو <footer> أو عنصر <header> آخر.
واجهة DOM	HTMLElement

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

Chrome	Firefox	Edge	Safari	Opera
5	4	مدعوم	4.1	11.10

الخاصيات

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

ملاحظات الاستخدام

العنصر <header> ليس عنصرًا تقسيميًا (sectioning element) أي أنه لن يؤدي إلى إنشاء قسم جديد في المستند؛ أي أنَّ الغرض من العنصر <header> هو احتواء ترويسة القسم المحيط به (وتوضع فيه عادةً الترويسات <h1>‏-<h6>) لكن ذلك ليس إجباريًا.

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

تعرض أغلبية المتصفحات العنصر <header> مع ضبط الخاصية display إلى block:

header {
  display: block;
}

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

• معيار HTML Living Standard.
• مواصفة HTML5.