شرح صفوف ومحتوى الفقرة
توفر خاصية القوائم المنبثقة الحديثة
popover معياراً تصريحياً في HTML لبناء القوائم المنبثقة وأشرطة الإجراءات والتلميحات التوضيحية. يرتفع أي عنصر مزود بهذه الخاصية للطبقة العليا دون تجميد باقي الصفحة.
HTML
<!-- Declarative popover without JavaScript -->
<button type="button" popovertarget="info-popover">
Account Help
</button>
<p id="info-popover" popover>
Signed in as <strong>Engineer</strong> —
<a href="/profile">Profile Settings</a>
</p>يوضح جدول المقارنة التالي الخصائص المعمارية والفروق التشغيلية بين العناصر التفاعلية الأصيلة الثلاثة في لغة HTML:
| العنصر التفاعلي | طبقة العرض بالمتصفح | طريقة الإغلاق والتراجع | الاستخدام النموذجي |
|---|---|---|---|
<details> |
انسياب الصفحة العادي | النقر على عنوان الملخص للتبديل | قوائم الأكورديون والأسئلة الشائعة والوثائق |
<dialog> |
الطبقة العليا مع خلفية تعتيم | زر الإغلاق المخصص أو زر الهروب | نوافذ التأكيد الحيوية وصناديق الإعدادات |
popover |
الطبقة العليا بدون تجميد الصفحة | إغلاق خفيف بالنقر خارج المساحة | التلميحات والقوائم المنسدلة والإجراءات السريعة |
يتيح لك مختبر الفحص التفاعلي التالي تجربة القوائم المطوية والنوافذ الحوارية والقوائم المنبثقة عملياً وبأبعاد متجاوبة: