شرح الوسم < details >

عند عرض صفحة تحتوي على معلومات مقسمة لعدة أجزاء بعناوين عريضة, فإننا نظهر العناوين المهمة ونخفي التفاصيل, بالسابق كان ذلك يتم عن طريق دمج JavaScript + HTML.

لكن اليوم فقط باستخدام HTML5 وبعدد أسطر قليل و أخطاء أقل وأسهل من ذي قبل, لكن هذه الميزة مدعومة في متصفح Google Chroum و متصفح سفاري و أوبرا , ولا يدعم متصفح فايرفوكس و انترنت اكسبلورر.

ننتقل لكفية استخدام وسم <details>.

<details>
  <summary>مدونة كلاسيك</summary>
  <p> تعلم تصميم المواقع الالكترونية بشكل مفصل وواضح خطوة بخطوة, إذا كنت مبتدئ أو محترف.في دروس مستمرة وأفكار جديدة فقط كن متابع وساعدنا على نشر المدونة</p>
</details>

هكذا ببساطة, فقط انسخ الكود وطبقه في محرر الاكواد لديك وانظر للنتائج, كما قلنا يدعم متصفح جوجل كروم ولا يدعم فايرفوكس.