details HTML Tag

عنصر <details> يستخدم هذا العنصر لإضافة محتوى بحيث يكون المحتوى مخفى بشكل افتراضي وعند الضغط على زر التفاصيل يتم اظهار المحتوى المخفى

<details></details>
<details>
   هنا يتم إضافة المحتوى من نصوص وصور وجداول وغيرها وسيكون المحتوى مخفى بشكل افتراضي وعند الضغط على زر التفاصيل يتم اظهار المحتوى
</details>
هنا يتم إضافة المحتوى من نصوص وصور وجداول وغيرها وسيكون المحتوى مخفى بشكل افتراضي وعند الضغط على زر التفاصيل يتم اظهار المحتوى

ولكن نجد أن كلمة التفاصيل غير مناسبة للمحتوى الموجود بداخل العنصر ، ونفضل أن يكون هناك عنوان مناسب للمحتوى يظهر بدلا من كلمة التفاصيل ، ولكي نقوم باظهار عنوان مناسب نقوم بإضافة عنصر <summary>