العنصر <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;
}

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