नेस्टेड टेबलहरू तपाईंको वेब पृष्ठहरू तल ढिलो पार्दछ
वेब पृष्ठहरू छिटो डाउनलोड गर्न आवश्यक छ, तर नेस्ट गरिएका तालिकाहरूले प्रक्रिया ढिलो गर्न सक्दछ। कसैलाई तपाइँले बताउदैन कि अधिक व्यक्तिहरूले ब्रान्डब्याण्ड वा उच्च-स्पीड इन्टरनेटको प्रयोग गर्दछन्, त्यसैले तपाईलाई तपाईको पृष्ठहरू लोड गर्न चाँडै छिटो चिन्ता गर्नुपर्दैन। वेबमा सामग्रीको मात्राको साथ, एक पृष्ठ वा साइट जो ढिलो रूपमा लोड हुन्छ चाँडो लोड भन्दा कम दर्शकहरू। गति धेरै महत्त्वपूर्ण छ।
नेस्ट टेबल के हो?
एक नेस्टेड तालिका HTML तालिका हो जुन यसको भित्र अर्को तालिका छ। उदाहरणका लागि:
<तालिका>
<तालिका>
निस्टेड तालिकाहरू कारण पानाहरू थप ढिलो गर्न डाउनलोड गर्नुहोस्
वेब पेजमा एक एकल तालिकाले पृष्ठलाई थप ढिलो रूपमा डाउनलोड गर्दैन (कारण भित्र)। तर त्यो क्षण तपाईंले अर्को तालिका भित्र एक तालिका राख्नुभयो, यो ब्राउजरको लागि रेन्डर गर्न थप जटिल हुन्छ, त्यसैले पृष्ठ अधिक ढिलो हुन्छ। र थप तालिकाहरू तपाईंले एकअर्काभित्र निषेध गर्नुभएको छ, पृष्ठले लोड गर्नेछ।
जब तपाइँ तालिकाहरूसँग एक पृष्ठ सिर्जना गर्नुहुन्छ, ध्यान राख्नुहोस् कि तालिकाहरू भित्र रहेका थप तालिकाहरू, गतिलाई पृष्ठ लोड हुनेछ। साधारणतया, जब पृष्ठ लोड हुन्छ, ब्राउजर HTML को शीर्ष मा सुरू हुन्छ र यसलाई क्रमक्रम मा पृष्ठ मा लोड गर्दछ। यद्यपि, नेस्ट गरिएका तालिकाहरूमा, यो सम्पूर्ण कुरा प्रदर्शन गर्न सक्नु अघि तालिकाको अन्त फेला पार्दछ।
लेआउटको लागि तालिकाहरू
तपाईले तपाईको वेब पृष्ठमा लेआउटको लागि तालिकाहरू प्रयोग गर्नुपर्दैन। तिनीहरू लगभग सधैँ आवश्यक छ कि तपाईले नेस्ट टेबलहरू प्रयोग गर्नुहुनेछ, त्यसैले टेबल-लेआउट वेब पेज सीएसएसमा प्रस्तुत गरिएको एकै डिजाइन भन्दा बढी ढिलो हुनेछ।
साथै, यदि तपाईं वैध XHTML लेख्न प्रयास गर्दै हुनुहुन्छ, तालिकाहरू सबै लेआउटको लागि प्रयोग गर्नुपर्दैन। तालिकाहरू तालिकागत डेटा (जस्तै स्प्रेडशटहरू) को लागि होईन, लेआउटको लागि होइन। यसको सट्टा, तपाईंले लेआउट - सीएसएस डिजाइनहरू थप छिटो प्रस्तुत गर्नका लागि CSS प्रयोग गर्नुपर्दछ र तपाईलाई वैध XHTML कायम राख्न मद्दत गर्दछ।
छिटो लोड हुँदै तालिकाहरू डिजाइन गर्दै
यदि तपाइँ बहुविध पङ्क्तिहरूसँग तालिका डिजाइन गर्नुहुन्छ भने, यदि तपाईले प्रत्येक पङ्क्तिलाई अलग तालिकाको रूपमा लेख्नु हुन्छ भने प्रायः छिटो लोड गर्न सक्दछ। उदाहरणका लागि, तपाइँ यस तरिकाले तालिका लेख्न सक्नुहुनेछ:
<तालिका शैली = "चौडाई: 100%;">
तर यदि तपाईंले एकै तालिकामा दुई तालिकाहरू लेख्नुहुन्छ भने, यसले अधिक चाँडै लोड गर्न देखा पर्दछ, किनभने ब्राउजरले सबलाई प्रस्तुत गर्दछ र त्यसपछि दोस्रो रेन्डरलाई सबै तालिकामा प्रतिपादन गर्नुको सट्टामा। चाल सुनिश्चित गर्न को लागी छ कि प्रत्येक तालिका को समान चौडाई र अन्य शैलीहरु (जस्तै प्याडिंग, मार्जिन, र सीमाहरु) छ।
<तालिका शैली = "चौडाई: 100%;">
<तालिका शैली = "चौडाई: 100%;">
नेस्टेड तालिकाहरू एक तालिकामा रूपान्तरण गर्दै
तपाईं यो सबै राम्रो जानकारी हो कि महसुस गर्न सक्नुहुन्छ, तर तपाईं सँग एउटा टेबल छ जुन यसमा नेस्ट गरिएको अर्को तालिका हुनुपर्छ । हुन सक्छ यो सच हुन सक्छ, प्रायः तपाईले नेस्ट टेबलहरूलाई प्रयोग गरी केहि टेबल जटिल एकल टेबलमा र तपाईंको तालिका कक्षहरूमा विशेषताहरू बदल्न सक्नुहुन्छ। उदाहरणका लागि, शीर्ष मा नेस्टेड टेबलमा, म यसलाई एक तालिकामा मात्र colspan विशेषतासँग रूपान्तरण गर्न सक्छु:
<तालिका>
यस तालिकामा नेस्ट गरिएको तालिका भन्दा कम क्यारेक्टरहरू प्रयोग गर्ने फायदा पनि छ, त्यसैले यसले छिटो डाउनलोड गर्नेछ किनभने यसको पनि।