معرفی و کاربرد تگ header در HTML

معرفی و کاربرد تگ header در HTML

در این مقاله از سایت آموزی جهت استفاده شما کاربران گرامی به معرفی تگ <header> در HTML می پردازیم.

تگ <header> در HTML

معرفی و کاربرد تگ header در HTML

معرفی و کاربرد تگ header در HTML | معرفی و کاربرد تگ header در HTML | معرفی و کاربرد تگ header در HTML | معرفی و کاربرد تگ header در HTML | معرفی و کاربرد تگ header در HTML | معرفی و کاربرد تگ header در HTML | معرفی و کاربرد تگ header در HTML | معرفی و کاربرد تگ <header> در HTML

تگ <header> یک سربرگ برای یک سند یا یک بخش تعریف می کند.

در HTML4 و نسخه های قبل از آن برای تعریف سربرگ اصلی یا هدر سایت که در همه صفحات سایت بایست تکرار شود، از یک تگ <div> که در داخل آن یک id که معمولا برابر با header بود قرار می گرفت.

و تمام متعلقات هدر هم درون همان تگ با id هدر قرار می گرفت.

اما در نسخه HTML5 یک تگ اختصاصی <header> برای ساخت سربرگ اصلی سایت در نظر گرفته شد.

تگ <header> باید شامل اطلاعاتی مربوط به عنصر حاوی اش باشد.

تگ <header> به طور معمول شامل منو های سایت ، لوگوی سایت ، توضیح کوتاه در مورد فعالیت وبسایت و… می تواند می باشد.

نکته مهم :

شما می توانید چندین تگ <header> در یک سند HTML داشته باشید.

به عبارت دیگر شما علاوه بر هدر اصلی وبسایت خود می توانید برای بخش های مختلف سایت خود اعم از مقالات ( articles ) ، سایدبار ( aside ) ، سکشن های متنوع و… هم از تگ <header> یا تگ سربرگ و هم از تگ <footer> یا تگ پابرگ استفاده کنید.

مثال در مورد تگ <header> در بخشی از سند HTML

بررسی تگ <header> در HTML 4.01 و HTML5

تگ <header> یک تگ جدید در HTML5 است. و در HTML4.01 و نسخه های قدیمی تر وجود نداشت.

خصوصیات ویژه تگ <header> در HTML

تگ <header> هیچ خاصیت ویژه ای در سند HTML ندارد .

خصوصیات عمومی تگ <header> در HTML

تگ <header> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.

پشتیبانی مرورگرها از تگ  <header> در HTML

تگ <header> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

در جدول زیر اولین نسخه ی مرورگرهای اینترنتی که به طور کامل از تگ <header> در HTML پشتیبانی کردند را مشاهده می کنید:

معرفی و کاربرد تگ header در HTML – اختصاصی سایت آموزی

توسط | ۱۳۹۷/۵/۲۲ ،۱۱:۵۸:۴۸ +۰۰:۰۰ مرداد ۲۲ام, ۱۳۹۷|html دسته بندی ها|برچسب ها: , , , , , , |بدون دیدگاه

در باره نویسنده :

ثبت ديدگاه

6 + چهار =