आपको वेब पेज लेआउट के लिए टेबल्स से क्यों बचना चाहिए

सीएसएस लेआउट लिखना सीखना मुश्किल हो सकता है, खासकर यदि आप फैंसी वेब पेज लेआउट बनाने के लिए टेबल का उपयोग करने से परिचित हैं। लेकिन एचटीएमएल 5 लेआउट के लिए टेबल की अनुमति देता है, यह एक अच्छा विचार नहीं है।

टेबल्स पहुंच योग्य नहीं हैं

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

यही कारण है कि एचटीएमएल 5 विनिर्देश लेआउट के लिए तालिकाओं के खिलाफ सिफारिश करता है और क्यों HTML 4.01 इसे अस्वीकार करता है। सुलभ वेब पेज अधिक लोगों को उनका उपयोग करने की अनुमति देते हैं और पेशेवर डिजाइनर का निशान हैं।

सीएसएस के साथ, आप पेज के बाईं ओर से संबंधित एक सेक्शन को परिभाषित कर सकते हैं लेकिन इसे अंतिम एचटीएमएल में रखें। फिर स्क्रीन पाठकों और खोज इंजन समान रूप से महत्वपूर्ण भागों (सामग्री) को पहले और कम महत्वपूर्ण हिस्सों (नेविगेशन) को पढ़ेंगे।

टेबल्स मुश्किल हैं

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

जब आप इसे कर रहे हों तो तालिका बनाना आसान लग सकता है, लेकिन एक बार ऐसा करने के बाद आपको इसे बनाए रखने की आवश्यकता है। लाइन के नीचे छह महीने यह याद रखना उतना आसान नहीं हो सकता है कि आपने टेबल को घोंसला क्यों दिया या कितनी कोशिकाएं एक पंक्ति में थीं और इसी तरह। उल्लेख नहीं है, यदि आप टीम के सदस्य के रूप में वेब पेज बनाए रखते हैं, तो आपको सभी को यह बताने होंगे कि टेबल कैसे काम करते हैं या उन्हें बदलाव करने की आवश्यकता होने पर अतिरिक्त समय लेने की उम्मीद है।

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

टेबल्स असीमित हैं

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

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

नेस्टेड टेबल्स उसी डिजाइन के लिए सीएसएस से अधिक धीरे-धीरे लोड करते हैं

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

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

टेबल्स खोज इंजन अनुकूलन को प्रभावित कर सकते हैं

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

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

टेबल्स हमेशा अच्छी तरह प्रिंट नहीं करते हैं

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

सीएसएस के साथ आप पेज को प्रिंट करने के लिए सिर्फ एक अलग स्टाइल शीट बना सकते हैं।

लेआउट के लिए टेबल्स HTML 4.01 में अमान्य हैं

एचटीएमएल 4 विनिर्देश कहता है: "लेबल्स को पूरी तरह से लेआउट दस्तावेज़ सामग्री के साधन के रूप में उपयोग नहीं किया जाना चाहिए क्योंकि यह गैर-दृश्य मीडिया को प्रस्तुत करते समय समस्याएं पेश कर सकता है।"

इसलिए, यदि आप वैध HTML 4.01 लिखना चाहते हैं, तो आप लेआउट के लिए टेबल का उपयोग नहीं कर सकते हैं। आपको केवल टैब्यूलर डेटा के लिए टेबल का उपयोग करना चाहिए, और टैब्यूलर डेटा आमतौर पर ऐसा लगता है जो आप किसी स्प्रेडशीट या संभवतः डेटाबेस में प्रदर्शित कर सकते हैं।

हालांकि, एचटीएमएल 5 नियमों को बदल दिया गया है और अब लेआउट के लिए टेबल, जबकि अनुशंसित नहीं है, अब मान्य HTML माना जाता है। एचटीएमएल 5 विनिर्देश कहता है: "टेबल्स को लेआउट एड्स के रूप में इस्तेमाल नहीं किया जाना चाहिए।" ऐसा इसलिए है क्योंकि पहले वर्णित अनुसार, स्क्रीन पाठकों के लिए लेआउट के लिए टेबल मुश्किल हैं।

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

लेआउट के लिए टेबल्स आपके नौकरी संभावनाओं को प्रभावित कर सकते हैं

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

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

यदि आप क्लाइंट के लिए क्या मांग नहीं कर सकते हैं, तो वे डिज़ाइन के लिए आपके पास आने से रोक देंगे। क्या आप वास्तव में अपने व्यापार को पीड़ित कर सकते हैं क्योंकि आप 1 99 0 के उत्तरार्ध से उपयोग में आने वाली तकनीक को सीखने और शामिल करने के इच्छुक नहीं हैं?

नैतिक: सीएसएस का उपयोग करना सीखें

सीएसएस सीखना मुश्किल हो सकता है, लेकिन कुछ भी सार्थक प्रयास के लायक है। अपने कौशल को स्थिर करने से न रखें। सीएसएस सीखें और अपने वेब पेजों को जिस तरह से बनाया जाना है - लेआउट के लिए सीएसएस के साथ बनाएं।