تگ header در HTML

به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ header در HTML از سری آموزش های HTML در خدمت شما عزیزان هستیم.

فهرست مطالب

تگ header چیست؟

تگ header برای نمایش بخش بالایی مطالب یا وب سایت به کار می رود.

به عنوان مثال می توان بخش بالایی سایت مانند لوگو، منو و ... را درون تگ header قرار دارد و یا درون تگ article بخش بالایی مطالب مانند عنوان را درون تگ header قرار داد.

این نکته را مدنظر داشته باشید که محدودیتی در استفاده همزمان از چند تگ header در صفحه وجود ندارد و همچنین نباید این تگ را درون هم به کار برد.

این تگ با <header> شروع شده و با </header> پایان می یابد.

<header></header>

مثال تگ header

کد:

<header>
  <p>Text</p>
</header>

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

تنظیمات پیش فرض CSS تگ header در اکثر مرورگرها به صورت زیر است:

header {
  display: block;
}

سازگاری با مرورگرها

تگ header با مرورگرهای زیر سازگار است:

  • گوگل کروم
  • فایرفاکس
  • اج
  • اپرا
  • سافاری
  • گوگل کروم اندروید
  • فایرفاکس اندروید
  • اپرا اندروید
  • سافاری iOS

معرفی مطالب در این زمینه