summary HTML Tag

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

<details>
      <summary></summary>
</details>

<details>
    <summary>
        اظهر التفاصيل
    </summary>
    <p>
        لقد قمت بالضغط على اظهر التفاصيل اضغط عليه مرة أخرى لإخفاء هذا المحتوى
    </p>
</details>

اظهر التفاصيل

لقد قمت بالضغط على اظهر التفاصيل اضغط عليه مرة أخرى لإخفاء هذا المحتوى