الخلاصة

  • يجعل details وsummary جزءاً من الصفحة قابلاً للفتح والإغلاق بواسطة المتصفح استجابة للقارئ.
  • يمكن لخاصية name أن تربط الأبواب في مجموعة حصرية: فتح واحد منها يغلق باباً آخر.

تتحول الصفحة الطويلة بسهولة إلى درج انقلبت محتوياته على الطاولة: التعليمات والخيارات والتفاصيل الإضافية كلها في الصف الأول. يستطيع الكاتب صنع أقسام مطوية ببرنامج صغير، لكن HTML أتاح مفصلة جاهزة. ضع summary في بداية details، فيعرض المتصفح العنوان ويتولى حركة الفتح. يبقى المقبض عند القارئ. تبدو الحيلة متواضعة، وهي كذلك؛ ولهذا تصلح لصفحة يريد زائرها الوصول إلى معلومة محددة من دون تفتيش غرفة كاملة.

في أول مسودة علنية للغة ترميز HTML نشرها W3C في مارس 2010، وُصف details وsummary بأنهما عنصران جديدان. قدّمت المسودة الأول أداة للحصول على معلومات إضافية عند الطلب، وشرحت الخاصية المنطقية open. وتسجل المسودة فكرة واضحة: يبقى المحتوى داخل المستند، بينما يصبح إظهاره فعلاً له صيغة معروفة في اللغة نفسها.

احتفظ مرجع W3C الصادر عام 2011 بالبناء ذاته. يأتي summary أولاً، وتشير open إلى ظهور ما بعده. صار معنى الباب مكتوباً في بنية الصفحة، لا في ملف برمجي بعيد وحده. وما زال الكاتب يختار ما وراء الباب والكلمات على اللافتة. عبارة «المزيد» قصيرة للغاية؛ لكنها تجعل القارئ يلعب لعبة تخمين: المزيد من أي شيء؟ اللافتة الجيدة توفر على الناس جولة في الممر.

يفصّل معيار HTML الحالي الحركة. أول عنصر summary هو عنوان الحجرة؛ وإن غاب، ينبغي للمتصفح أن يوفر عنواناً. عند غياب open يظهر العنوان وحده، وعند حضورها يظهر المحتوى أيضاً. عندما يطلب المستخدم الفتح أو الإغلاق، يضيف المتصفح الخاصية أو يزيلها. ويحدد المعيار حدث toggle الذي يعلن تغير الحالة. بنية المستند والحالة المرئية وفعل الإنسان أصبحت أجزاء من آلية قصيرة مفهومة.

حتى المثلث الصغير بجوار العنوان له قواعد عرض تميز حالتي الفتح والإغلاق. لا يلفت الأنظار مثل إعلان متحرك، بل يؤدي وظيفة أنفع: يدل على موضع الضغط ويخبرك بما حدث. تقرير تقدم أو إعدادات قليلة الاستخدام أو دليل طويل يمكنه اعتماد هذه الإشارة المألوفة. كثير من راحة الويب تأتي من أشياء لا نلاحظها إلا حين تختفي.

ثم بدأ للأبواب نظام جيرة. تتيح name الحالية جمع عناصر details في مجموعة حصرية: إذا فتح القارئ واحداً أُغلق المفتوح الآخر. هكذا يتكون «أكورديون» من سلوك المتصفح نفسه. وينبه المعيار إلى أن الحصرية قد تزعج من يحتاج إلى رؤية قسمين معاً. يكسب تصميم الصفحة مساحة، ويدفع القارئ ثمنها فتحاً وإغلاقاً متكررين. النظام الجميل على الشاشة ليس مجانياً دائماً.

توزع هذه القصة الصغيرة المسؤوليات بدقة. يضع الناشر الحجرات ويكتب أسماءها، وقد يقرر إغلاق الجار عند فتح باب. ينفذ المتصفح الحركة، ويبدأ القارئ الاستكشاف. حين يصف العنوان ما في الداخل ويترك مساحة للمقارنة، تتحول الحجرة إلى أداة مفيدة. HTML صنع المفصلة؛ أما حكمة وضعها فهي عمل الكاتب.