لطالما حصلت الجداول على سمعة سيئة تصميم الويب. منذ عدة سنوات ، تم استخدام جداول HTML للتخطيط ، والذي من الواضح أنه لم يكن الغرض منها. نظرًا لارتفاع CSS إلى الاستخدام الشائع لتخطيطات مواقع الويب ، فإن الفكرة "الجداول سيئة" استحكام. لسوء الحظ ، أساء الكثير من الناس فهم هذا ليعني أن جداول HTML كلها سيئة طوال الوقت. هذا ليس هو الحال على الإطلاق. الحقيقة هي أن جداول HTML تكون سيئة عند استخدامها لشيء آخر غير الغرض الحقيقي منها ، وهو عرض البيانات المجدولة (جداول البيانات والتقويمات وما إلى ذلك). إذا كنت تقوم بإنشاء موقع ويب ولديك صفحة بها هذا النوع من البيانات المجدولة ، فلا تتردد في استخدام ملف جدول HTML على صفحتك.
ماذا و
يفعل؟
ال
ال
تقوم معظم متصفحات الويب بتغيير وزن الخط إلى غامق وتوسيط المحتوى في خلية. بالطبع ، يمكنك استخدام أنماط CSS لجعل رؤوس الجدول هذه ، بالإضافة إلى محتويات العلامات الخاصة بك ، تبدو بالطريقة التي تريدها أن ينظروا إليها على صفحة الويب المقدمة.
متى يجب أن تستخدم عوضا عن
?
ال
لا تستخدم لتصميم خلاياك. نظرًا لأن المستعرضات تميل إلى عرض خلايا رأس الجدول بشكل مختلف ، فقد يحاول بعض مصممي الويب الكسالى الاستفادة من ذلك واستخدام العلامة عندما يريدون أن تكون المحتويات غامقة و تتمحور. هذا سيء لعدة أسباب:
- لا يمكنك الاعتماد على متصفحات الويب التي تعرض المحتوى دائمًا بهذه الطريقة. قد تغير المتصفحات المستقبلية اللون افتراضيًا ، أو لا تجري أي تغييرات مرئية على الإطلاق
المحتوى. لا ينبغي أبدًا الاعتماد فقط على أنماط المتصفح الافتراضية ولا يجب أبدًا استخدام عنصر HTML بسبب شكله الافتراضي. - إنه غير صحيح من الناحية المعنوية. قد يضيف وكلاء المستخدم الذين يقرؤون النص تنسيقًا مسموعًا مثل "رأس الصف: نصك" للإشارة إلى أنه في
زنزانة. بالإضافة إلى ذلك ، تقوم بعض تطبيقات الويب بطباعة رؤوس الجدول عبر الجزء العلوي من كل صفحة ، مما يؤدي إلى حدوث ذلك ينتج عنه مشاكل إذا لم تكن الخلية عبارة عن رأس فعلاً ولكنها تُستخدم بدلاً من ذلك لأسباب أسلوبية فقط. خلاصة القول - يمكن أن يتسبب استخدام العلامات بهذه الطريقة في حدوث مشكلات في إمكانية الوصول للعديد من المستخدمين ، وخاصة أولئك الذين يستخدمون الأجهزة المساعدة للوصول إلى محتوى موقعك. - يجب عليك استخدام ملفات CSS لتحديد شكل الخلايا. فصل نمط (CSS) والهيكل (HTML) كانا من أفضل الممارسات في تصميم الويب لسنوات عديدة. مرة أخرى ، استخدم a لأن محتوى هذه الخلية عبارة عن رأس ، وليس لأنك تعجبك الطريقة التي يُحتمل أن يعرض بها المتصفح هذا المحتوى افتراضيًا.