با تگ<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>
تگ<header> محفظه ايست كه در آن محتوي مقدماتي يا پيوندهاي ناوبري قرار قرار ميگيرد.
تگ هدر بطور معمول شامل موارد زيراست
نكته وتوجه ـ ميتوان در يك سندHTML چندين عنصر <header> داشت اما آن نميتواند
در عناصر<footer> , <address> ويا در عنصر ديگر <header> قرار بگيرد.
در جدول زير اعداد نشان دهنده اولين نسخه مرورگراست كه بطور كامل از تگ هدر پشتيباني مي. كند.
Element | |||||
---|---|---|---|---|---|
<header> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
تگ<header> از ويژگي هاي جهانيHTML پيروي ميكند.
تگ فوق همچنين از ويژگي هاي رويدادي پيروي ميكند.
مثال ـ هدر براي صفحه
<header> <h1>Main page heading here</h1> <p>Posted by John Doe</p> </header>
اغلب مرورگرها نمايش عنصر<header> مطابق تنظيمات پيش فرضي زيرانجام ميدهند.
header { display: block; }