سؤال

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

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

تحتاج إلى علامة دلالية لهذه الصورة http://img183.imageshack.us/img183/2261/semanticmup.png

هل كانت مفيدة؟

المحلول

أود استخدام طاولة للجزء السفلي لأنه في رأيي يكون بنك. أرى 4 أعمدة (أيقونة واسم المشروع وصف المشروع وأزرار العمل). لا أرى أي سبب لعدم استخدام جدول لهذا التصميم (ناهيك عن أن أي نهج آخر من شأنه أن يجعل حجم التصميم هذا يتطلب بشكل صحيح جافا سكريبت والكثير من الصداع للعمل الصحيح).

نصائح أخرى

لا أعتقد أنه سيكون الانتهاك الأكثر فظاعة للعلامة الدلالية إذا وضعت تلك الأشياء في الجداول. باستثناء الأزرار، يبدو مجدا جدا بالنسبة لي. أعتقد أن الآلهة CSS سوف تعفيك :)

وأنا أتفق مع أندرو. هذه بيانات جدولة لذلك يجب عليك استخدام <table> ولكن ضع في اعتبارك أنه يجب عليك تحديد رؤوس الجدول والأعمدة والتذييلات بشكل صحيح.

خيارك الآخر هو الذهاب مع جدول عديم الأعلى حيث يمكنك استخدام <div>للرأس والتذييل و <table> كما الجسم. ومع ذلك، أنا لا أوصي بهذا. سيكون أحد الأسباب التي تريد أن ترغب برؤوسا للأشياء مثل فرز الجانب العميل إذا كنت تستخدم JavaScript.

أنت لا تنتهك أي شيء يضع ذلك في شكل طاولة. بالتأكيد، سوف بعض الناس أنين حول هذا الموضوع، لكنها قريبة بما فيه الكفاية من البيانات الجدولية التي قد تكون كذلك.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top