<hgroup>: عنصر HGROUP
آخر تحديث: 2026-10-13
<hgroup>عنصر HGROUP
يجمّع مجموعة عناوين (<h1>–<h6>)، عادةً عنوانًا وعنوانًا فرعيًا، لتعمل العناوين المتعددة ككتلة عنوان واحدة.
| الفئة | دلالي |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </hgroup> وسم |
| الحالة | قياسي |
📝 البنية
<hgroup>
<h1>العنوان الرئيسي</h1>
<h2>العنوان الفرعي</h2>
</hgroup>▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <hgroup> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： يجب أن يحتوي hgroup على عناوين فقط؛ SEO عادةً يعتبر <h1> الأعلى عنوان الصفحة.
❓ الأسئلة الشائعة
Qما وظيفة hgroup؟
A
<hgroup> يربط «العنوان + العنوان الفرعي» في مجموعة واحدة، مثل <hgroup><h1>العنوان الرئيس</h1><p>شرح العنوان الفرعي</p></hgroup>. فيبلغ التقنيات المساعدة: هذه العناصر معًا تكوّن كتلة عنوان واحدة.Qهل يُعامل p داخل hgroup كنص عادي؟
Aداخل
<hgroup> يُفسَّر <p> كـ «عنوان فرعي» لا فقرة عادية (لا يقبل hgroup سوى h1-h6 وp)، ويمكن تنسيقه كعنوان فرعي عبر CSS. ووضع صور أو قوائم روابط أو محتوى آخر غير صحيح.Qما مدى دعم المتصفحات لـ hgroup؟ وهل ما زال مطلوبًا؟
Aلا يعطي المتصفح
<hgroup> أي سلوك عرض خاص (إنه مجرد حاوية عادية)، وقد أُهمل تاريخيًا ثم استُعيد. فإذا لم يكن العنوان الفرعي بحاجة إلى دلالة «مجموعة العناوين» فتغليف h1+p بـ <header> يكفي؛ واستخدم hgroup عند تطلب دلالة مخطط المستند الصارمة.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
