تگ <header></header> در html - وب سایت PNLdev

نمونه کد

A simple <header> tag that open PNLdev.com link:

<article>
<header>
<h1>heading is here</h1>
<p>Posted by ehsan eslami</p>
<p>information and description is here</p>
</header>
</article>

آزمایشگاه

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

تگ <header> بخشی را در سند های html می سازد که می توانیم در آن محتوای مقدماتی یک صفحه یا چندین لینک ناوبری را در آن قرار دهیم.

تگ <header> شامل مقادیری نظیر:

یک یا چند تگ heading که شامل <h6>-<h5>-<h4>-<h3>-<h2><h1>
آیکون، لوگو
اطلاعاتی درباره فردی که متن مورد نظر را در سایت قرار داده است.

نکات

نکته: ما می توانیم از چندین تگ <header> در هر کجای سند html که خواستیم استفاده کنیم اما می بایست در نظر داشته باشیم که از تگ <header> نمی شود در تگ های <footer> و <address> استفاده نمود.

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

#	کروم	ادج	فایرفاکس	سافاری	اپرا
<header>

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

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

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

تگ header از ویژگی های رویداد HTML پشتیبانی می کند.

استایل css پیش فرض

بیشتر مرورگر ها تگ header را با استایل پیشفرض زیر نمایش می دهند:

header{
	display: block;
}

تگ <header> در HTML <header></header> tag HTML