مثال
باستخدام <details> العنصر:
<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
انها محاولة لنفسك » تعريف واستخدام
و <details> تحدد العلامة التفاصيل الإضافية التي يمكن للمستخدم عرض أو إخفاء عند الطلب.
و <details> العلامة يمكن استخدامها لخلق القطعة التفاعلية التي يمكن للمستخدم فتح وإغلاق. يمكن وضع أي نوع من المحتوى داخل <details> العلامة.
محتوى <details> العنصر يجب أن لا تكون مرئية إلا إذا كان open وتعيين سمة.
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم تماما العنصر.
| العنصر | |||||
|---|---|---|---|---|---|
| <details> | 12.0 | غير معتمد | 48.0 | 6.0 | 15.0 |
الخلافات بين HTML 4.01 و HTML5
و <details> البطاقة هي جديدة في HTML5.
نصائح وملاحظات
تلميح: <summary> يستخدم العلامة لتحديد عنوان واضح للحصول على التفاصيل.عنوان يمكن النقر لعرض / إخفاء التفاصيل.
الصفات
= جديد في HTML5.
| السمة | القيمة | وصف |
|---|---|---|
| open | open | تنص على أن تفاصيل يجب أن يكون مرئيا (مفتوح) للمستخدم |
السمات العامة
و <details> كما يدعم بطاقة و السمات العامة في HTML .
سمات الحدث
و <details> كما يدعم هذا الكود في حدث سمات في HTML .
صفحات ذات صلة
HTML DOM المرجعية: Details كائن
الإعدادات الافتراضية CSS
سيتم عرض معظم مستعرضات <details> العنصر مع القيم الافتراضية التالية:
details {
display: block;
}