معرفی و کاربرد تگ 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]<article>
<header>
<h2>Internet Explorer 9</h2>
<p><time pubdate datetime=”2011-03-15″></time></p>
</header>
<p>Windows Internet Explorer 9 (abbreviated as IE9) was released to
the public on March 14, 2011 at 21:00 PDT…..</p>
</article>[/html]

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

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

خصوصیات ویژه تگ <header> در اچ تی ام ال

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

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

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

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

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

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

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

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

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