يضم العنصر <header> مجموعةً من العناصر التمهيدية أو المساعدة على التنقل، وقت يحتوي على بعض عناصر الترويسات أو عناصر أخرى مثل شعار الموقع أو نموذج بحث وهلم جرًا.
المثال الآتي يعرض عنوانًا وشعارًا لفظيًا:
<header>
<h1>الموسوعة التقنية</h1>
<p>تقنية العالم بين يديك</p>
</header>
| تصنيفات المحتوى | عنصر تنظيمي. |
|---|---|
| المحتوى المسموح | عنصر تنظيمي، لكن لا يسمح باستخدام العنصرين <header> أو <footer> فيه. |
| الوسم المختصر | لا يمكن حذف أيّ من وسمَي البداية أو النهاية. |
| العناصر الأب | أي عنصر يقبل المحتوى التنظيمي.
لاحظ أنَّ العنصر |
| واجهة 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;
}
