عنصر <summary> يستخدم لإضافة عنوان مخصص للمحتوى الذى يكون ضمن العنصر <details> وتعرفنا سابقاً أن عنصر <details> يستخدم لإضافة محتوى بحيث يكون المحتوى مخفى بشكل افتراضي وعند الضغط على زر التفاصيل أو الكلمة التي تم تخصيصها يتم اظهار المحتوى المخفى
<details> <summary></summary> </details>
<details> <summary> اظهر التفاصيل </summary> <p> لقد قمت بالضغط على اظهر التفاصيل اضغط عليه مرة أخرى لإخفاء هذا المحتوى </p> </details>
اظهر التفاصيل
لقد قمت بالضغط على اظهر التفاصيل اضغط عليه مرة أخرى لإخفاء هذا المحتوى
summary HTML Tag