عرض مصدر HTML/header

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

المثال الآتي يعرض عنوانًا وشعارًا لفظيًا:
<syntaxhighlight lang="html">
<header>
  <h1>حسوب</h1>
  <p>في مهمة لتطوير العالم العربي</p>
</header>
</syntaxhighlight>

== بطاقة العنصر ==
{| class="wikitable" style="width: 100%;"
|-
! scope="row" style="width: 20%;" | تصنيفات المحتوى
| عنصر تنظيمي.
|-
! scope="row" | المحتوى المسموح
| عنصر تنظيمي، لكن لا يسمح باستخدام العنصرين <code><header></code> أو <code><footer></code> فيه.
|-
! scope="row" | الوسم المختصر
| لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
|-
! scope="row" | العناصر الأب
| أي عنصر يقبل المحتوى التنظيمي.
لاحظ أنَّ العنصر <code><header></code> لا يجوز أن يكون ابنًا للعنصر <code>[[HTML/address|<address>]]</code> أو <code>[[HTML/footer|<footer>]]</code> أو عنصر <code><header></code> آخر.
|-
! scope="row" | واجهة DOM
| <code>HTMLElement</code>
|}

== دعم المتصفحات ==
{| class="wikitable" style="width: 50%;"
 !| Chrome
 ! Firefox
 ! Edge
 ! Safari
 ! Opera
|-
|5
|4
|مدعوم
|4.1
|11.10
|}

== الخاصيات ==
يمكن استخدام [[HTML/Global Attributes|الخاصيات العامة]] في هذا العنصر.

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

== التنسيق الافتراضي ==
تعرض أغلبية المتصفحات العنصر <code><header></code> مع ضبط الخاصية <code>[[CSS/display|display]]</code> إلى <code>block</code>:<syntaxhighlight lang="css">
header {
  display: block;
}
</syntaxhighlight>

==مصادر ومواصفات==
*معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-header-element HTML Living Standard].
*مواصفة [http://www.w3.org/TR/html5/sections.html#the-header-element HTML5].
[[تصنيف:HTML|{{SUBPAGENAME}}]]
[[تصنيف:HTML Elements|{{SUBPAGENAME}}]]
[[تصنيف:HTML Content sectioning|{{SUBPAGENAME}}]]