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