إذا تحتاج سؤالًا يفتح إجابته عند الضغط، يوفّر HTML عنصري details وsummary. تستطيع استعمالهما لشرح خيار أو تنظيم أسئلة قصيرة دون تحميل مكتبة تفاعلية إضافية.
مثال عربي
<details dir="rtl">
<summary>هل يعمل النقل دون إنترنت؟</summary>
<p>نعم إذا كانت الأجهزة على شبكة محلية متصلة.</p>
</details>ضع السؤال داخل summary بوصفه أول عنصر في details، والإجابة بعده. يفتح المتصفح المحتوى ويغلقه عند تفعيل السؤال. وإذا أضفت السمة open يبدأ القسم مفتوحًا.
اختبر قبل النشر
- احفظ المثال في صفحة تجريبية وافتحها في المتصفح.
- اضغط السؤال وتأكد من ظهور الإجابة.
- استعمل Tab للوصول إلى السؤال ثم Enter أو Space لتجربة التفعيل في متصفحك.
- افحص وضوح مؤشر التركيز والعرض على الهاتف.
في Blogger
أدرج الكود في وضع HTML، ثم اختبر الرابط العام لأن القالب قد يغيّر المسافات أو شكل السهم. لا تخفِ علامة التركيز، ولا تستبدل السؤال بزر رسومي لا يوضح وظيفته.
هذا تنظيم للمحتوى فقط؛ إضافة قسم أسئلة لا تضمن ظهور نتيجة خاصة في Google ولا تغني عن إجابة مفيدة ودقيقة.