علامة <header> HTML
مثال
عنوان <مقالة>:
<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>العنصر حاوية لمحتوى تمهيدي أو مجموعة من روابط التنقل.
يحتوي <header>العنصر عادةً على:
- عنصر عنوان واحد أو أكثر (<h1> - <h6>)
- شعار أو رمز
- معلومات التأليف
ملاحظة: يمكن أن يكون لديك عدة <header>عناصر في مستند HTML واحد. ومع ذلك ، <header>لا يمكن وضعها داخل <footer> أو <address> أو <header>عنصر آخر.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم العنصر بشكل كامل.
| Element | |||||
|---|---|---|---|---|---|
| <header> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
السمات العالمية
تدعم <header>العلامة أيضًا السمات العامة في HTML .
سمات الحدث
تدعم <header>العلامة أيضًا سمات الحدث في HTML .
مزيد من الأمثلة
مثال
رأس الصفحة:
<header>
<h1>Main page heading here</h1>
<p>Posted by
John Doe</p>
</header>
الصفحات ذات الصلة
مرجع DOM HTML: رأس الكائن
إعدادات CSS الافتراضية
ستعرض معظم المتصفحات <header>العنصر بالقيم الافتراضية التالية:
header {
display: block;
}