TH और TD HTML तालिका टैग के बीच क्या अंतर है?

टेबल्स को लंबे समय से वेब डिज़ाइन में खराब रैप मिला है। कई साल पहले, HTML टेबल का उपयोग लेआउट के लिए किया गया था, जो स्पष्ट रूप से नहीं था कि उनका उद्देश्य क्या था। चूंकि सीएसएस वेबसाइट लेआउट के लिए लोकप्रिय उपयोग में बढ़ गया, यह विचार है कि "टेबल खराब हैं" पकड़ लिया गया। दुर्भाग्यवश, कई लोगों ने इसका अर्थ यह समझाया कि HTML टेबल सभी खराब हैं, हर समय। मामला बिल्कुल ऐसा नहीं है। वास्तविकता यह है कि HTML टेबल खराब होते हैं जब वे अपने वास्तविक उद्देश्य के अलावा किसी अन्य चीज़ के लिए उपयोग करते हैं, जो टैब्यूलर डेटा (स्प्रेडशीट्स, कैलेंडर्स इत्यादि) प्रदर्शित करना है। यदि आप एक वेबसाइट बना रहे हैं और इस तरह के टैब्यूलर डेटा के साथ एक पृष्ठ है, तो आपको अपने पृष्ठ पर एक HTML तालिका का उपयोग करने में संकोच नहीं करना चाहिए।

यदि आपने सालों में साइट बनाने शुरू कर दिए हैं क्योंकि लेआउट के लिए HTML टेबल पक्ष से बाहर हो गए हैं, तो आप वास्तव में HTML टेबल बनाने वाले तत्वों से परिचित नहीं हो सकते हैं। एक सवाल यह है कि जब कई लोग टेबल मार्कअप को देखना शुरू करते हैं तो ये होता है:

" और HTML तालिका टैग के बीच क्या अंतर है?"

टैग क्या है?

टैग, या "तालिका डेटा" टैग, HTML तालिका में तालिका पंक्ति के भीतर तालिका कक्ष बनाता है। यह HTML टैग है जिसमें कोई टेक्स्ट और छवियां हैं। असल में, यह आपकी तालिका का वर्कहाउस टैग है। टैग में HTML तालिका की सामग्री होगी।

टैग क्या है

<वें> टैग, या "टेबल हेडर", कई तरीकों से के समान है। इसमें एक ही तरह की जानकारी हो सकती है (हालांकि आप किसी छवि को में नहीं डाल पाएंगे, लेकिन यह उस विशिष्ट सेल को तालिका शीर्षलेख के रूप में परिभाषित करता है।

अधिकांश वेब ब्राउज़र फ़ॉन्ट वजन को बोल्ड में बदलते हैं और सामग्री को सेल में केंद्रित करते हैं। बेशक, आप उन तालिका शीर्षकों को बनाने के लिए सीएसएस शैलियों का उपयोग कर सकते हैं, साथ ही साथ अपने टैग की सामग्री, किसी भी तरह से दिखाना चाहते हैं कि आप उन्हें प्रस्तुत वेबपृष्ठ पर देखना चाहते हैं।

आपको कब उपयोग करना चाहिए & lt; th & gt; इसके बजाय & lt; td & gt ;?

जब आप उस कॉलम या पंक्ति के लिए हेडर के रूप में सेल में सामग्री को निर्दिष्ट करना चाहते हैं तो टैग का उपयोग किया जाना चाहिए। तालिका शीर्षलेख कक्ष आम तौर पर तालिका के शीर्ष पर या किनारे पर पाए जाते हैं - मूल रूप से, कॉलम के शीर्ष पर शीर्षलेख या शीर्षलेख को बाईं ओर या पंक्ति की शुरुआत। इन शीर्षकों का उपयोग यह निर्धारित करने के लिए किया जाता है कि नीचे या उसके नीचे की सामग्री क्या है, तालिका और इसकी सामग्री को त्वरित रूप से समीक्षा और संसाधित करने के लिए बहुत आसान बनाते हैं।

अपनी कोशिकाओं को स्टाइल करने के लिए का उपयोग न करें चूंकि ब्राउज़र टेबल हेडर कोशिकाओं को अलग-अलग प्रदर्शित करते हैं, इसलिए कुछ आलसी वेब डिज़ाइनर इसका लाभ उठाने का प्रयास कर सकते हैं और जब वे सामग्री को बोल्ड और केंद्रित करना चाहते हैं तो टैग का उपयोग कर सकते हैं। यह कई कारणों से खराब है:

  1. आप वेब ब्राउज़र पर भरोसा नहीं कर सकते हैं हमेशा इस तरह की सामग्री प्रदर्शित करेंगे। भविष्य के ब्राउज़र डिफ़ॉल्ट रूप से रंग बदल सकते हैं, या <वें> सामग्री पर कोई दृश्य परिवर्तन नहीं कर सकते हैं। आपको कभी भी डिफ़ॉल्ट ब्राउज़र शैलियों पर भरोसा नहीं करना चाहिए और डिफ़ॉल्ट रूप से "दिखने" के कारण कभी भी HTML तत्व का उपयोग नहीं करना चाहिए
  2. यह semantically गलत है। पाठ एजेंट पढ़ने वाले उपयोगकर्ता एजेंट श्रव्य स्वरूपण जैसे "पंक्ति शीर्षलेख: आपका टेक्स्ट" जोड़ सकते हैं यह इंगित करने के लिए कि यह सेल में है। इसके अतिरिक्त, कुछ वेब अनुप्रयोग प्रत्येक पृष्ठ के शीर्ष पर तालिका शीर्षलेख मुद्रित करते हैं, जिसके परिणामस्वरूप सेल वास्तव में हेडर नहीं है बल्कि इसकी बजाय स्टाइलिस्ट कारणों के लिए उपयोग किया जा रहा है। नीचे की ओर, इस तरह के टैग का उपयोग करने से कई उपयोगकर्ताओं के लिए एक्सेसिबिलिटी समस्याएं हो सकती हैं, खासकर जो आपकी साइट सामग्री तक पहुंचने के लिए सहायक उपकरणों का उपयोग कर रही हैं।
  3. कोशिकाओं को कैसे दिखाना है, यह परिभाषित करने के लिए आपको सीएसएस का उपयोग करना चाहिए। शैली (सीएसएस) और संरचना (एचटीएमएल) को अलग करना कई वर्षों से वेब डिज़ाइन में सबसे अच्छा अभ्यास रहा है। एक बार फिर, इसका उपयोग करें क्योंकि उस सेल की सामग्री एक शीर्षलेख है, न कि क्योंकि ब्राउज़र को डिफ़ॉल्ट रूप से उस सामग्री को प्रस्तुत करने की संभावना है।