شرح صفوف ومحتوى الفقرة
يمثل عنصر
<header> القسم العلوي والمقدمة التمهيدية لأقرب حاوية هيكلية يقع بداخلها أو للمستند بأكمله. وعلى مستوى الصفحة الرئيسية، يحتضن هذا القسم عادة شعار الموقع الرسمي، والعنوان الرئيسي <h1>، ونموذج البحث، وشريط التنقل العام، ليشكل المدخل البصري والدلالي للموقع.من القواعد المعمارية الهامة أن عنصر
<header> لا يقتصر وجوده على أعلى الصفحة بأكملها فحسب؛ بل يمكنك استخدامه بشكل قياسي تماماً كقسم علوي تمهيدي داخل عناصر <article> أو <section> المستقلة لتقديم عناوين تلك الوحدات وتاريخ نشرها وهوية مؤلفها.Semantic Page Header Landmark Elementرأس الصفحة الدلالي باستخدام عنصر header
بناء مقدمة ورأس الصفحة الذي يضم الشعار والعنوان الرئيسي باستخدام header.
HTML
<header style="display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; background: #ede9fe; border-radius: 8px;">
<strong style="color: #4c1d95;">CloseTag Academy</strong>
<span style="font-size: 13px; color: #6d28d9;">v2026 Curriculum</span>
</header>Semantic Header Element Browser Previewمعاينة رأس الصفحة الدلالي في المتصفح
عرض متصفح لرأس الصفحة المبني دلالياً بواسطة وسم header.