English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يمكن لـ <details> في HTML إنشاء عنصر مدمج، ويظهر المعلومات المضمرة فقط عند تحويله إلى حالة التوسع. يمكن لـ <summary> توفير تلخيص أو علامة للعنصر.
استخدام عنصر <details>:
!doctype html <html> <head> <meta charset="UTF-8"> <title>استخدام علامة details في HTML5 (موقع تعليمي أساسي oldtoolbag.com)</title> </head> <body> <details> <summary>تفاصيل</summary> شيء صغير بما يكفي لتجنب الانتباه العشوائي. (موقع تعليمي أساسي oldtoolbag.com) </details> </body> </html>الاختبار لرؤية ‹/›
كيف تعمل:
IEFirefoxOperaChromeSafari
في الوقت الحالي، يدعم <details> العلامة فقط Chrome و Safari 6.
<details> العلامة تحدد التفاصيل الإضافية المرئية أو المخفية المطلوبة.
<details> العلامة تستخدم لتقديم عناصر التفاعلية التي يمكن فتحها وإغلاقها. يمكن وضع أي شكل من أشكال المحتوى داخل علامة <details>.
يكون محتوى علامة <details> غير مرئي للمستخدم إلا إذا تم تعيين خاصية open.
<details> العلامة هي علامة جديدة في HTML5.
إشارة:مع <summary> يمكن استخدام العلامات معًا لتحديد عنوان <details>. العنوان مرئي، وسيظهر <details> عند ضغط المستخدم على العنوان.
New: خصائص جديدة في HTML5.
| الخصائص | القيمة | وصف |
|---|---|---|
| مفتوحHTML5 | مفتوح | يحدد إذا كانت <details> مرئية أم لا. |
دعم <details> العلامة خصائص العلامة العالمية لـ HTML.
دعم <details> العلامة خصائص الأحداث لـ HTML.