مرجع عناصر HTML : عنصر <header>

عنصر <header> در HTML نشان دهنده محتوای مقدماتی است که معمولاً شامل گروهی از ابزارهای مقدماتی یا ناوبری است. این عنصر ممکن است شامل برخی از عناصر عنوان، همچنین یک لوگو، فرم جستجو، نام نویسنده و سایر عناصر باشد.

امتحانش کنید

HTML

یادداشت‌های استفاده

وقتی عنصر در محتوای بخش‌بندی، یا عنصری با نقش ARIA مشابه با نقش ضمنی ARIA این عناصر قرار نگیرد، معنای یکسانی با نقش برجسته بنر در کل سایت دارد. این عنصر یک سربرگ سراسری سایت را تعریف می‌کند که معمولاً شامل یک لوگو، نام شرکت، ویژگی جستجو و احتمالاً ناوبری سراسری یا یک شعار است. این عنصر معمولاً در بالای صفحه قرار می‌گیرد. در غیر این صورت، وقتی در عناصر مذکور قرار گیرد، حالت برجسته خود را از دست می‌دهد و نشان‌دهنده گروهی از عناصر مقدماتی یا کمکی ناوبری برای بخش اطراف است. معمولاً شامل عنوان بخش اطراف (یک عنصر h1 تا h6) و زیرعنوان اختیاری است، اما این مورد الزامی نیست.

کاربرد تاریخی

عنصر در ابتدا در همان ابتدای HTML برای عنوان‌ها وجود داشت. این عنصر در اولین وب‌سایت‌ها دیده می‌شود. در برهه‌ای از زمان، عنوان‌ها از تا تغییر کردند و به اجازه دادند تا آزادانه نقش‌های متفاوتی را ایفا کند.

ویژگی‌ها

این عنصر فقط شامل ویژگی‌های سراسری (global attributes) است.

دسترسی‌پذیری

عنصر یک بنر برجسته را تعریف می‌کند وقتی که زمینه آن عنصر باشد. وقتی درون یک یا عنصری با نقش ARIA مشابه با نقش ضمنی ARIA این عناصر قرار می‌گیرد، عنصر نقش عمومی را دارد و دیگر یک بنر برجسته محسوب نمی‌شود. در این حالت، نمی‌توان آن را با aria-label یا aria-labelledby برچسب‌گذاری کرد.

سربرگ صفحه

HTML

سربرگ مقاله

HTML

مشخصه	توضیحات
دسته بندی محتوا	Flow content, palpable content.
محتوای مجاز	محتوای روان، اما بدون هیچ زیرمجموعه‌ی <header> یا <footer>.
حذف برچسب	هیچکدام، هر دو تگ شروع و پایان اجباری هستند.
والدین مجاز	هر عنصری که محتوای جریانی (flow content) را می‌پذیرد. توجه داشته باشید که یک عنصر <header> نباید از نوادگان یک عنصر <address>، <footer> یا عنصر <header> دیگری باشد.
نقش ضمنی ARIA	banner, or generic if a descendant of an article, aside, main, nav or section element, or an element with article, complementary, main, navigation or region role
نقش‌های مجاز ARIA	group, presentation or none
رابط DOM	HTMLElement