HTML Tutorial

عنصر <header>

استخدام وسم <header>:

يُستخدم وسم <header> لتعريف عنوان الصفحة أو قسمها أو مجموعة الأقسام الخاصة بها. غالبًا ما يكون هذا هو الجزء العلوي من الصفحة ويحتوي على عناصر مثل شعار الموقع وقائمة التنقل.

خصائص وسم <header>:

ليس لوسوم <header> أي خصائص محددة.

أمثلة على استخدام وسم <header>:

<header>
  <h1>عنوان الصفحة</h1>
  <nav>
    <a href="#">الصفحة الرئيسية</a>
    <a href="#">نبذة عنا</a>
    <a href="#">اتصل بنا</a>
  </nav>
</header>

استكشاف وسم <header>

لاستكشاف كيفية استخدام وسم <header> ، اتبع الخطوات التالية:

  1. افتح متصفحك المفضل.
  2. انتقل إلى أي موقع ويب.
  3. انقر بزر الماوس الأيمن على الصفحة واختر "عرض مصدر الصفحة".
  4. ابحث عن وسم <header> في رمز HTML.
  5. لاحظ العناصر المضمنة في وسم <header>، مثل شعار الموقع وقائمة التنقل.

تحسين إمكانية الوصول باستخدام وسم <header>

لتحسين إمكانية وصول الصفحة إلى ذوي الإعاقات، استخدم وسم <header> بالطريقة التالية:

  • تأكد من أن محتوى وسم <header> واضح ومعبّر.
  • استخدم عناصر العنوان المناسبة مثل (<h1> و <h2>) لإنشاء هيكل منطقي للصفحة.
  • استخدم اختصارات لوحة المفاتيح لتنشيط عناصر وسم <header>.