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