في الماضي ، كان العديد من مصممي الويب يحبون تنفيذ عروض الويب الخاصة بهم في صفحات الويب باستخدام تصميم الجدول ، ولكن هذا سيواجه مشكلة أكثر إثارة للقلق ، وهو أنه سيكون من الصعب للغاية تصحيح الأخطاء والصيانة في المرحلة اللاحقة. الآن ، بدأ المزيد والمزيد من المطورين الأماميين في استخدام XHTML+CSS لاستبدال تخطيط الجدول الأصلي لإكمال التصميم الكلي لصفحة الويب ، مما لا يقلل فقط من تكلفة تطوير وصيانة الموقع ، ولكن أيضًا يجعل الرمز أكثر دللاً. ومع ذلك ، فهذا لا يعني أن الجدول قد اختفى من الآن فصاعدًا. لا يزال يستخدمه العديد من الأشخاص كضرورة لتمثيل البيانات على صفحات الويب ، مثل قوائم بيانات المعلومات الشخصية ، وما إلى ذلك ، في الواقع ، سيوفر لك علامات DL و DT و DD HTML المزيد من التعليمات البرمجية وجعل الكود أكثر اتساقًا مع دلالات المحتوى. بالطبع ، تستخدم الجداول أيضًا استخدامها ، أي جداول البيانات التي تحتوي على كميات كبيرة من البيانات ، ولكن يمكن تجنب قوائم البيانات الصغيرة والنماذج بالكامل!
إذا كنت لا تزال تستخدم الجداول التقليدية لإنشاء قوائم بيانات ، فيرجى الاستمرار في النظر في كيفية استخدام علامات HTML DL و DT و DD لجعل عملك أسهل ...
يظهر أدناه رمز قائمة البيانات في الجدول التقليدي. نحتاج إلى إضافة علامة TR إلى كل صف ، ثم إضافة علامة TD إلى العنوان والبيانات. نظرًا لأن العلامات TD ، إذا كنت ترغب في إضافة نمط ، فأنت بحاجة إلى إضافة سمة فئة إلى كل TD.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <griding> <tbody> <tr> <td class = title> الاسم: </td> <td class = text> squall li </td> </r> <tr> <td class = title> العمر: </td> <td class = text> 23 </td> </r> <tr> <td class = title> الجنس: </td> <td class = text> ذكر </td> </r> <tr> <td class = title> يوم الميلاد: </td> <td class = text> 26th May 1986 </td> </r> </tbody> </table>
|