برچسب <header> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
عنوان را برای یک سند یا بخش تعریف می‌کند
معرفی شده در نسخهٔ:۵
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:display: block;

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

یک header برای یک <article>:

<article>
  <header>
    <h1>A heading here</h1>
    <p>Posted by John Doe</p>
    <p>Some additional information here</p>
  </header>
  <p>Lorem Ipsum dolor set amet....</p>
</article>


تعریف و کاربرد

عنصر <header> یک ظرف را نمایش می‌دهد که برای محتوای مقدماتی یا مجموعه‌ای از لینک‌های ناوبری (navigational links) می‌باشد.[۱]

یک عنصر <header> معمولاً حاوی موارد زیر است:

  • یک یا چند عنصر عنوان (<h1> -<h6>)
  • لوگو یا آیکون
  • اطلاعات نگارش

شما می‌توانید چندین عنصر <header> در یک سند داشته باشید.

توجه: یک برچسب <header> را می‌توان درون <footer> ،<address> یا یک عنصر <header> دیگر قرار داد.

پشتیبانی مرورگر

عددهای موجود در جدول، نخستین نسخهٔ مرورگری را که بطور کامل از عنصر پشتیبانی می‌کنند را مشخص کرده‌است.

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<header> ۵٫۰ ۹٫۰ ۴٫۰ ۵٫۰ ۱۱٫۱

ویژگی‌های سراسری

همچنین برچسب <header> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

ویژگی‌های رویداد

همچنین برچسب <header> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

صفحات مرتبط

مرجع DOM اچ‌تی‌ام‌ال: شیء Header (Header Object)

تنظیمات پیش‌فرض CSS

بیشتر مرورگرها عنصر <header> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

header {
  display: block;
}


منابع آموزشی