Advertisements
HTML details Tag
HTML details Tag – يحدد الوسم <details> تفاصيل إضافية يمكن للمستخدم من خلالها الحصول على معلومات، وفتحها وإغلاقها عند الطلب.
HTML details Tag
يمكنك وضع أي نوع من المحتوى (نصوص – قوائم – روابط – صور – ..إلخ) داخل وسم <details>.
مثال
<details> <summary>How do you manage your time?</summary> <ul> <li>Set goals</li> <li>Set a deadline for each goal</li> <li>Write down everything you want to do daily</li> <li>Take breaks</li> </ul> </details>
How do you manage your time?
- Set goals
- Set a deadline for each goal
- Write down everything you want to do daily
- Take breaks
يٌستخدم الوسم <summary> مع وسم <details> كوسيلة او ملخصًا لإيضاح التفاصيل.
السمات المحددة – Specific Attributes
يدعم الوسم <details> هذه السمة:
السمة | القيمة | الوصف |
---|---|---|
open | open | يحدد أن التفاصيل يجب أن تكون مرئية (اى مفتوحة) للمستخدم. إذا كانت القيمة الإفتراضية false سيتم إخفاء التفاصيل. |
السمات العامة – Global Attributes
الوسم <details> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.
سمات الحدث – Event Attributes
يدعم وسم <details> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدث – Event Attributes.
دعم المتصفحات
المتصفح | ![]() | ![]() | ![]() | ![]() | ![]() |
من بداية الإصدار | 49.0 | 12.0 | 79.0 | 6.0 | 15.0 |
الإبلاغ عن خطأ
×إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:
info@albashmoparmeg.com
شكرًا لك على مساعدتك لنا!
Advertisements