टेबल्स ने लंबे समय से खराब रैप प्राप्त किया है वेब डिजाइन. कई साल पहले, HTML तालिकाओं का उपयोग लेआउट के लिए किया जाता था, जो स्पष्ट रूप से वह नहीं था जिसके लिए उनका इरादा था। जैसे-जैसे CSS वेबसाइट लेआउट के लिए लोकप्रिय होता गया, यह विचार कि "टेबल खराब हैं" पकड़ लिया। दुर्भाग्य से, कई लोगों ने इसे गलत समझा, इसका मतलब यह है कि एचटीएमएल टेबल हर समय खराब होते हैं। मामला बिल्कुल ऐसा नहीं है। वास्तविकता यह है कि HTML तालिकाएँ तब खराब होती हैं जब वे अपने वास्तविक उद्देश्य के अलावा किसी अन्य चीज़ के लिए उपयोग की जाती हैं, जो कि सारणीबद्ध डेटा (स्प्रेडशीट, कैलेंडर, आदि) प्रदर्शित करना है। यदि आप एक वेबसाइट बना रहे हैं और आपके पास इस प्रकार के सारणीबद्ध डेटा वाला एक पृष्ठ है, तो आपको a. का उपयोग करने में संकोच नहीं करना चाहिए एचटीएमएल टेबल तुम्हारे पन्ने पर।
क्या करना है तथा
कर?
अधिकांश वेब ब्राउज़र फ़ॉन्ट-वेट को बोल्ड में बदलते हैं और सामग्री को सेल में केंद्रित करते हैं। बेशक, आप उपयोग कर सकते हैं सीएसएस शैलियों उन तालिका शीर्षलेखों के साथ-साथ आपके टैग की सामग्री को किसी भी तरह से देखने के लिए आप उन्हें प्रदान किए गए वेबपृष्ठ पर देखना चाहते हैं।
आपको कब उपयोग करना चाहिए बजाय
?
उपयोग ना करें अपनी कोशिकाओं को स्टाइल करने के लिए। क्योंकि ब्राउज़र टेबल हेडर सेल को अलग तरह से प्रदर्शित करते हैं, कुछ आलसी वेब डिज़ाइनर इसका लाभ उठाने की कोशिश कर सकते हैं और टैग का उपयोग तब कर सकते हैं जब वे चाहते हैं कि सामग्री बोल्ड हो और केंद्रित. यह कई कारणों से खराब है:
- आप हमेशा उस तरह से सामग्री प्रदर्शित करने वाले वेब ब्राउज़र पर भरोसा नहीं कर सकते। भविष्य के ब्राउज़र डिफ़ॉल्ट रूप से रंग बदल सकते हैं, या बिल्कुल भी दृश्य परिवर्तन नहीं कर सकते हैं
सामग्री। आपको कभी भी केवल डिफ़ॉल्ट ब्राउज़र शैलियों पर भरोसा नहीं करना चाहिए और कभी भी HTML तत्व का उपयोग नहीं करना चाहिए क्योंकि यह डिफ़ॉल्ट रूप से "दिखता है"। - यह शब्दार्थ की दृष्टि से गलत है। पाठ पढ़ने वाले उपयोगकर्ता एजेंट श्रव्य स्वरूपण जोड़ सकते हैं जैसे "पंक्ति शीर्षलेख: आपका पाठ" यह इंगित करने के लिए कि यह एक में है
सेल। इसके अतिरिक्त, कुछ वेब एप्लिकेशन प्रत्येक पृष्ठ के शीर्ष पर टेबल हेडर प्रिंट करते हैं, जो which समस्याएँ उत्पन्न होती हैं यदि सेल वास्तव में एक हेडर नहीं है, बल्कि इसका उपयोग शैलीगत कारणों से किया जा रहा है केवल। निचला रेखा — इस तरह से टैग का उपयोग करने से कई उपयोगकर्ताओं के लिए पहुंच संबंधी समस्याएं हो सकती हैं, विशेष रूप से वे जो आपकी साइट की सामग्री तक पहुंचने के लिए सहायक उपकरणों का उपयोग करते हैं। - आपको उपयोग करना चाहिए सीएसएस यह परिभाषित करने के लिए कि कोशिकाएं कैसी दिखती हैं। separation का अलगाव अंदाज (सीएसएस) और संरचना (एचटीएमएल) कई वर्षों से वेब डिजाइन में सबसे अच्छा अभ्यास रहा है। एक बार फिर, a का उपयोग करें क्योंकि उस सेल की सामग्री एक हेडर है, इसलिए नहीं कि आपको वह तरीका पसंद है जिस तरह से ब्राउज़र द्वारा उस सामग्री को डिफ़ॉल्ट रूप से प्रस्तुत करने की संभावना है।