<main>: عنصر MAIN
آخر تحديث: 2026-10-13
<main>عنصر MAIN
يمثل المحتوى الرئيسي للمستند، الفريد والخالي من محتوى التنقل/الشريط الجانبي/التذييل المتكرر.
| الفئة | دلالي |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </main> وسم |
| الحالة | قياسي |
📝 البنية
<main>المحتوى الرئيسي</main>▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <main> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： استخدم main واحدًا بالضبط في المستند؛ يجب ألا يكون سليلًا لـ article أو aside أو footer أو header.
❓ الأسئلة الشائعة
Qكم main يمكن أن تكون في الصفحة؟
A
<main> مرئي واحد فقط — فلا يجوز ظهور أكثر من main غير مخفي في المستند. إنه المعلم الوحيد لـ «منطقة المحتوى الرئيس» ويقفز إليه قارئ الشاشة مباشرة. وعند تبديل المحتوى بتبويبات استخدم سمة hidden لتضمن ظهور واحد فقط في كل لحظة.Qهل يمكن وضع main داخل article أو header؟
Aلا. لا يقبل
<main> إلا أن يكون ابنًا مباشرًا لـ body أو div وسائر الحاويات عديمة الدلالة، ولا يجوز تداخله داخل <article> أو <aside> أو <header> أو <footer> أو <nav>. والتركيب النموذجي هو header وmain وfooter في مستوى واحد.Qهل يساعد main في SEO؟
Aيساعد بشكل غير مباشر.
<main> يساعد محركات البحث وقارئ الشاشة على تحديد متن المحتوى سريعًا واستبعاد ضوضاء التنقل والتذييل، فيرفع كفاءة تمييز المحتوى. ليس عامل ترتيب لكنه بنية تحتية دلالية جيدة.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
