مقالة مقدمة من wulin.com (www.vevb.com): جلب لنا ظهور علامة التفاصيل تجربة مستخدم أفضل ، وليس هناك حاجة لكتابة JS لهذا التأثير المتقلص والكشف لتحقيق ذلك.
لقد جلبنا ظهور علامات التفاصيل تجربة مستخدم أفضل ، وليس هناك حاجة لكتابة JS لهذا التأثير المتقلص والكشف لتحقيق ذلك.ملاحظة: حاليًا يدعم Chrome هذه العلامة حاليًا.
التفاصيل لها عنوان فرعي إضافي حديثًا - ملخص. عندما ينقر الماوس على نص المحتوى في علامة الملخص ، فإن جميع العناصر الأخرى في علامة التفاصيل ستتوسع أو يتقلص.
علامة detalis:
الحالة 1:
ماذا يحدث إذا كانت علامة الملخص غير موجودة في التفاصيل؟ في الواقع ، عندما لا يكون هناك علامة ملخص في عنصر التفاصيل ، سيقدم المتصفح نصًا افتراضيًا عند التحليل ، مثل النص المترجمة مثل النص المفصل وغيره من النصوص ، وسيوفر المتصفح أيضًا أيقونة مثل الأسهم لأعلى ولأسفل. على سبيل المثال ، الحالة 2 أدناه هي مثال لا يوجد فيه ملخص.
الحالة 2:
في بعض الأحيان ، ماذا يجب أن نفعل إذا كان المحتوى في Detalis يتخلف عن الحالة الموسعة؟
في الواقع ، توصل HTML5 أيضًا معنا. إذا كان هناك أي متطلبات ، نحتاج فقط إلى إضافة سمة واحدة ، مثل الحالة 3.
الخصائص المفتوحة:
قم بتعديل رمز الحالة 1 على النحو التالي:
الحالة 3:
من هذا يمكننا أن نرى أن HTML5 يجلب لنا راحة كبيرة.