الفرق بين المراجعتين لصفحة: «HTML/details»

مراجعة 15:40، 28 يناير 2018

يُستخدم العنصر <details> لعرض معلومات إضافية للمستخدم يمكنه إظهارها وإخفاؤها متى شاء. يمكن وضع أيّ نوع من المحتوى ضمن العنصر <details>، وتكون محتوياته مخفيةً افتراضيةً (إلا إذا ضُبِطَت الخاصية open).

مثال عن استخدام العنصر <details> مع العنصر <summary>، لاحظ أنَّ الخاصية open ستجعل المتصفح يُظهِر المحتوى عند تحميل الصفحة:

<details>
  <summary>Some details</summary>
  <p>More info about the details.</p>
</details>

<details open>
  <summary>Even more details</summary>
  <p>Here are even more details about the details.</p>
</details>

تصنيفات المحتوى	عنصر تنظيمي وعنصر تقسيمي وعنصر تفاعلي.
المحتوى المسموح	عنصر `<summary>` وحيد يليه محتوى عادي.
الوسم المختصر	لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب	أي عنصر يقبل المحتوى التنظيمي.
واجهة DOM	`HTMLDetailsElement`

دعم المتصفحات

Chrome	Firefox	Edge	Safari	Opera
12	49	قيد التطوير	6	15

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

`open`

قيمة منطقية تُشير إذا كانت التفاصيل ستظهر للمستخدم بعد تحميل الصفحة مباشرةً، القيمة الافتراضية هي false أي أنَّ المحتوى يكون مخفيًا بدايةً.

مصادر ومواصفات

معيار HTML Living Standard.
مواصفة HTML 5.1.

@@ سطر 57: / سطر 57: @@
 *مواصفة [https://www.w3.org/TR/2016/REC-html51-20161101/semantics.html#the-details-element HTML 5.1].
 [[تصنيف:HTML|{{SUBPAGENAME}}]]
-[[تصنيف:Forms|{{SUBPAGENAME}}]]
+[[تصنيف:HTML Forms|{{SUBPAGENAME}}]]
-[[تصنيف:Input Types|{{SUBPAGENAME}}]]
+[[تصنيف:HTML Input Types|{{SUBPAGENAME}}]]