‎تگ هدرHTML <header> tag -‎

Previous >    <Next  

‎با تگ‎<header>‎ ميتوان هدر ياسربرگي درصفحات وب ايجاد كرد .اين ميتواند ‎براي بالاترين بخش سايت، صفحه ويا تگي باشد .در مقابل آن تگ‎<footer>‎ ميتواند ‎درپائين ترين آن باشد .ناوبري همين صفحات كه بالا ملاحظه ميكنيد، ميتواند بعنوان هدرايجاد ‎شود.

‎مثال ـ يگ هدر يا سربرگ براي‎<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> 

--(go to editor for change code and run)

‎تعريف وكاربردDeffinition and Usage -‎

‎تگ‎<header>‎ محفظه ايست كه در آن محتوي مقدماتي يا پيوندهاي ناوبري قرار ‎قرار ميگيرد.

‎تگ هدر بطور معمول شامل موارد زيراست

‎نكته وتوجه ـ ميتوان در يك سندHTML چندين عنصر ‎<header>‎ داشت اما آن نميتواند

‎در عناصر‎<footer> , <address> ‎ ويا در عنصر ديگر ‎<header>‎ ‎قرار بگيرد.

‎پشتيباني مرورگرBrowser Support -‎

‎در جدول زير اعداد نشان دهنده اولين نسخه مرورگراست كه بطور كامل از تگ هدر پشتيباني ‎مي. كند.

Element Chorome Edge Firefox Safari Opera
<header> 5.0 9.0 4.0 5.0 11.1

‎ويژگي هاي جهانيGlobal Attributes -‎

‎تگ‎<header>‎ از ويژگي هاي جهانيHTML پيروي ميكند.

‎ويژگي هاي رويداديEvent Attributes -‎

‎تگ فوق همچنين از ويژگي هاي رويدادي پيروي ميكند.

‎مثالهاي بيشتر

‎مثال ـ هدر براي صفحه

<header>
  <h1>Main page heading here</h1>
  <p>Posted by John Doe</p>
</header> 

--(go to editor for change code and run)

‎تنظيمات پيش فرضDefault CSS Settings -‎

‎اغلب مرورگرها نمايش عنصر‎<header>‎ مطابق تنظيمات پيش فرضي زيرانجام ميدهند.

header {
  display: block;
}

‎مرجع كامل تگهايHTML
‎مرجع كامل ويژگيهايHTML


Previous >    <Next