الفرق بين المراجعتين لصفحة: «HTML/header»

المراجعة الحالية بتاريخ 04:06، 18 فبراير 2018

يضم العنصر <header> مجموعةً من العناصر التمهيدية أو المساعدة على التنقل، وقت يحتوي على بعض عناصر الترويسات أو عناصر أخرى مثل شعار الموقع أو نموذج بحث وهلم جرًا.

المثال الآتي يعرض عنوانًا وشعارًا لفظيًا:

<header>
  <h1>حسوب</h1>
  <p>في مهمة لتطوير العالم العربي</p>
</header>

بطاقة العنصر

تصنيفات المحتوى	عنصر تنظيمي.
المحتوى المسموح	عنصر تنظيمي، لكن لا يسمح باستخدام العنصرين `<header>` أو `<footer>` فيه.
الوسم المختصر	لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب	أي عنصر يقبل المحتوى التنظيمي. لاحظ أنَّ العنصر `<header>` لا يجوز أن يكون ابنًا للعنصر `<address>` أو `<footer>` أو عنصر `<header>` آخر.
واجهة DOM	`HTMLElement`

دعم المتصفحات

Chrome	Firefox	Edge	Safari	Opera
5	4	مدعوم	4.1	11.10

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

ملاحظات الاستخدام

العنصر <header> ليس عنصرًا تقسيميًا (sectioning element) أي أنه لن يؤدي إلى إنشاء قسم جديد في المستند؛ أي أنَّ الغرض من العنصر <header> هو احتواء ترويسة القسم المحيط به (وتوضع فيه عادةً الترويسات <h1>‏-<h6>) لكن ذلك ليس إجباريًا.

التنسيق الافتراضي

تعرض أغلبية المتصفحات العنصر <header> مع ضبط الخاصية display إلى block:

header {
  display: block;
}

مصادر ومواصفات

معيار HTML Living Standard.
مواصفة HTML5.

@@ سطر 10: / سطر 10: @@
 </syntaxhighlight>
+== بطاقة العنصر ==
 {| class="wikitable" style="width: 100%;"
 |-
@@ سطر 49: / سطر 50: @@
 == ملاحظات الاستخدام ==
 العنصر <code><header></code> ليس عنصرًا تقسيميًا (sectioning element) أي أنه لن يؤدي إلى إنشاء قسم جديد في المستند؛ أي أنَّ الغرض من العنصر <code><header></code> هو احتواء ترويسة القسم المحيط به (وتوضع فيه عادةً الترويسات <code>[[HTML/h1-h6|<nowiki><h1>‏-<h6></nowiki>]]</code>) لكن ذلك ليس إجباريًا.
+== التنسيق الافتراضي ==
+تعرض أغلبية المتصفحات العنصر <code><header></code> مع ضبط الخاصية <code>[[CSS/display|display]]</code> إلى <code>block</code>:<syntaxhighlight lang="css">
+header {
+  display: block;
+}
+</syntaxhighlight>
 ==مصادر ومواصفات==