तपाईंले वेब पेज लेआउटहरूको लागि तालिकाहरू किन छोड्नुपर्छ

सीएसएस वेब पेज डिज़ाइनहरू निर्माण गर्ने उत्तम तरिका हो

सीएसएस लेआउटहरू लेख्न सिक्न कठिन हुन सक्छ, खास गरी यदि तपाइँ फ्यानसी वेब पृष्ठ लेआउट सिर्जना गर्न तालिकाहरू प्रयोग गर्न परिचित हुनुहुन्छ। तर जब HTML5 लाई लेआउटको लागि तालिकाहरूलाई अनुमति दिन्छ, यो राम्रो विचार होइन।

तालिकाहरू पहुँच योग्य छैनन्

केवल खोजी इन्जिनहरू जस्तै, प्राय: स्क्रिन पाठकहरूले वेब पेजहरू पढ्नका लागि कि तिनीहरू HTML मा प्रदर्शित हुन्छन्। र स्क्रिन पाठकहरू पार्स गर्न तालिकाहरू धेरै गाह्रो हुन सक्छन्। यो किनभने किनभने तालिका तालिकामा, रैखिक हुँदा, बायाँ-देखि-दाँया र शीर्ष-देखि-तल पढ्नुहोस् जब सधैँ अर्थ बुझ्दैन। साथै, नेस्टेड टेबलको साथ, र टेबल कक्षहरूमा विभिन्न स्प्यानले पृष्ठलाई बाहिर लगाउन गाह्रो बनाउन सक्छ।

यो कारण हो कि HTML5 विशिष्टता लेआउट को लागि टेबल को बिरुद्ध सिफारिस गर्दछ र किन HTML 4.01 लाई यसलाई अस्वीकार गर्दछ। पहुँचयोग्य वेब पेजले थप व्यक्तिहरूलाई उनीहरूको प्रयोग गर्न अनुमति दिन्छ र एक पेशेवर डिजाइनरको चिन्ह हो।

CSS को साथ, तपाईंले पृष्ठको बायाँ छेउको रूपमा एक सेक्शन परिभाषित गर्न सक्नुहुन्छ तर एचटीएमएलमा यसलाई स्थान दिनुहोस्। त्यसपछि स्क्रिन पाठकहरू र खोज इन्जिनहरू समान रूपमा महत्त्वपूर्ण भागहरू (सामग्री) पहिलो र कम महत्त्वपूर्ण भागहरू (नेभिगेसन) अन्तिम पढ्न सक्नेछन्।

तालिकाहरू कठिनाइ छन्

यदि तपाइँ वेब सम्पादकसँग तालिका बनाउनुहुन्छ भने, तपाइँका वेब पृष्ठहरू अझै पनि धेरै जटिल र सजिलो हुन गाह्रो हुनेछ। सबै भन्दा सरल वेब पेज डिजाईन को बाहेक, धेरै लेआउट टेबल को धेरै को उपयोग र विशेषताहरु र निस्टेड टेबल को उपयोग को आवश्यकता हो।

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

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

तालिकाहरू असीमित छन्

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

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

निस्टेड टेबलहरू समान डिजाइनको लागि अधिक धीरे-धीरे लोड गर्नुहोस्

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

अधिकतर अवस्थामा, एक टेबल लेआउट CSS डिजाइन भन्दा सिर्जना गर्न थप वर्णहरू प्रयोग गर्दछ। र कम वर्णहरू डाउनलोड गर्न कम छ।

तालिकाहरू खोज इञ्जिन अनुकूलन गर्न सक्छन्

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

CSS प्रयोग गर्दै, तपाइँ महत्त्वपूर्ण सामग्री तपाइँको पहिलो HTML मा राख्न सक्नुहुन्छ र त्यसपछि डिजाइनमा राख्नु भएको निर्धारण गर्न सीएसएस प्रयोग गर्नुहोस्। यसको मतलब यो खोज इन्जिनले महत्त्वपूर्ण सामग्रीलाई पहिलो पटक देख्नेछ, भित्री डिजाइनले पृष्ठमा यो तलको स्थानमा राख्नेछ।

टेबल डान्स सधैं राम्रो छ

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

CSS को साथ तपाईंले पृष्ठ मुद्रण गर्नको लागि केवल एक अलग शैली पाना सिर्जना गर्न सक्नुहुनेछ।

लेआउट को लागि तालिकाहरू HTML 4.01 मा अवैध छन्

एचटीएमएल 4 निर्दिष्टीकरण यसो भन्छ: "टेबलहरू कागजात कागजात सामग्रीको रूपमा विशुद्ध रूपमा प्रयोग गर्न सकिदैन किनभने यो गैर-भिजुअल मिडियामा प्रतिपादन गर्दा समस्याहरू हुन सक्छ।"

त्यसैले, यदि तपाईं वैध HTML 4.01 लेख्न चाहानुहुन्छ, तपाई ले तालिकाहरू लेआउटको लागि प्रयोग गर्न सक्नुहुन्न। तपाईले ट्याबुलर डेटाको लागि मात्र तालिकाहरू प्रयोग गर्नुपर्छ। र ट्याबुलर डेटा सामान्य रूपमा हेर्दछ जुन तपाइँ स्प्रिडसिटमा सम्भावित हुन सक्छ वा सम्भावना एक डेटाबेसमा।

तर एचटीएमएल 5 ले नियमहरू र अब तालिकाहरू लेआउटको लागि परिवर्तन गरे, जबकि सिफारिश नगरिएको, अब मान्य HTML हो। HTML5 निर्दिष्टीकरण यसो भन्छ: "तालिकाहरू लेआउट एड्सको रूपमा प्रयोग गर्नुपर्दैन।"

किनभने लेआउटका लागि तालिकाहरूले स्क्रिन पाठकहरू फरक पार्नका लागि गाह्रो छ, जस्तै मैले माथि उल्लेख गर्दछु।

सीएसएस प्रयोग गरेर र लेआउट गर्नका लागि तपाईंको पृष्ठहरू एक मान्य HTML 4.01 मार्ग हो जुन डिजाइनहरू तपाईंले सिर्जना गर्न तालिकाहरू प्रयोग गर्न प्राप्त गर्दछन्। अनि HTML5 ले यो तरिका पनि राम्रो तरिकाले सिफारिस गर्दछ।

लेआउट को लागि टेबल्स तपाईंको नौकरी को संभावनाहरु लाई प्रभावित गर्न सक्छ

को रूप मा अधिक र अधिक नयाँ डिजाइनर HTML र सीएसएस सीखते हो, तालिका लेआउट को निर्माण मा तपाईंको कौशल कम र कम मांग मा हुनेछ। हो, यो सत्य हो कि ग्राहकहरु लाई सामान्यतया तपाईंलाई सही वेबसाईट बनाउन को लागी सही टेक्नोलोजी नहीं गर्छन। तर तिनीहरू तपाईंलाई यस्ता कुराहरूको लागि सोध्छन्:

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

यदि तपाईंले ग्राहकहरूलाई के सोध्न सक्नुभएन भने, तिनीहरू तपाईका लागि डिजाइनहरू, शायद आज होइन, तर शायद अर्को वर्ष वा वर्ष पछि रोक्न सक्नुहुनेछ। के तपाईं साँच्चै आफ्नो व्यवसाय पीडित खर्च गर्न सक्नुहुन्छ किनभने तपाईं 1 99 0 को दशक पछि प्रयोगमा रहेको एक प्रविधि सिक्नको लागि इच्छुक हुनुहुन्न?

नैतिक: CSS प्रयोग गर्नुहोस् सिक्नुहोस्

सीएसएस सिक्न गाह्रो हुन सक्छ, तर केहि सार्थक प्रयासको प्रयत्न हो। आफ्नो कौशल स्थिरता देखि नगर्नुहोस्। सीएसएस सिक्नुहोस् र आफ्नो वेब पृष्ठहरू निर्माण गर्नुहोस् जुन तिनीहरूले निर्माण गरिनु भएको थियो - लेआउटको लागि CSS सँग।