ما هو الفرق بين TH و TD جدول HTML العلامات؟

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

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

"ما الفرق بين علامات الجدول و HTML؟"

ما هي العلامة؟

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

ما هي العلامة

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

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

متى يجب استخدام & lt؛ th & gt؛ بدلاً من & lt؛ td & gt ؛؟

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

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

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