आपको नेस्टेड टेबल्स का उपयोग क्यों करना चाहिए

नेस्टेड टेबल्स नीचे अपने वेब पेज धीमा

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

नेस्टेड टेबल क्या है?

एक नेस्टेड टेबल एक HTML तालिका है जिसमें इसके अंदर एक और तालिका है। उदाहरण के लिए:



<वें> कॉलम 1
<वें> कॉलम 2
<वें> कॉलम 3


कॉलम 1








नेस्टेड टेबल कॉलम 1
नेस्टेड टेबल कॉलम 2



कॉलम 3

कॉलम 1
कॉलम 2
कॉलम 3

नेस्टेड टेबल्स कारण धीरे-धीरे डाउनलोड करने के लिए पेज

किसी वेब पेज पर एक ही तालिका पृष्ठ को धीरे-धीरे डाउनलोड करने का कारण नहीं बनती है (कारण के भीतर)। लेकिन जिस पल में आप एक टेबल को किसी अन्य तालिका में डालते हैं, ब्राउज़र को प्रस्तुत करने के लिए यह अधिक जटिल हो जाता है, इसलिए पृष्ठ धीरे-धीरे लोड हो जाता है। और जितनी अधिक टेबल आप एक दूसरे के अंदर घोंसले हैं, उतना ही धीमा पृष्ठ लोड होगा।

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

लेआउट के लिए टेबल्स

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

साथ ही, यदि आप वैध एक्सएचटीएमएल लिखने की कोशिश कर रहे हैं, तो लेआउट के लिए टेबल का उपयोग नहीं किया जाना चाहिए। टेबल्स टैब्यूलर डेटा (जैसे स्प्रैडशीट्स) के लिए हैं, लेआउट के लिए नहीं। इसके बजाए, आपको लेआउट के लिए सीएसएस का उपयोग करना चाहिए- सीएसएस डिजाइन अधिक तेज़ी से प्रस्तुत करते हैं और आपको वैध एक्सएचटीएमएल बनाए रखने में मदद करते हैं।

तेजी से लोडिंग टेबल्स डिजाइनिंग

यदि आप एकाधिक पंक्तियों वाली एक तालिका तैयार करते हैं, तो यदि आप प्रत्येक पंक्ति को एक अलग तालिका के रूप में लिखते हैं तो यह अधिक तेज़ी से लोड हो सकता है। उदाहरण के लिए, आप इस तरह की एक टेबल लिख सकते हैं:

<टेबल शैली = "चौड़ाई: 100%;">

शीर्ष पंक्ति

बाएं कॉलम
दायां कॉलम

लेकिन यदि आपने दो टेबल के समान तालिका लिखी है, तो यह अधिक तेज़ी से लोड हो रहा है, क्योंकि ब्राउजर पहली बार प्रस्तुत करेगा और फिर एक बार में पूरी तालिका को प्रस्तुत करने के बजाय दूसरा प्रस्तुत करेगा। चाल यह सुनिश्चित करने के लिए है कि प्रत्येक तालिका में समान चौड़ाई और अन्य शैलियों (जैसे पैडिंग, मार्जिन और सीमाएं) हों।

<टेबल शैली = "चौड़ाई: 100%;">

शीर्ष पंक्ति


<टेबल शैली = "चौड़ाई: 100%;">
बाएं कॉलम
दायां कॉलम

एक टेबल में नेस्टेड टेबल्स को कनवर्ट करना

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



<वें> कॉलम 1
<वें colspan = "2" > कॉलम 2
<वें> कॉलम 3



कॉलम 1
नेस्टेड टेबल कॉलम 1
नेस्टेड टेबल कॉलम 2
कॉलम 3

कॉलम 1
colspan = "2" > कॉलम 2
कॉलम 3

इस तालिका में नेस्टेड टेबल की तुलना में कम वर्णों का उपयोग करने का लाभ भी है, इसलिए यह इसके कारण भी तेज़ी से डाउनलोड हो जाएगा।