समय हुन सक्छ, जब तपाईं वेब पेजको विकासमा काम गर्नुहुन्छ, तपाइँलाई एक कारण वा अर्कोको लागि वस्तुहरूको निर्दिष्ट क्षेत्रहरू "लुकाउन" आवश्यक पर्दछ। तपाईले निश्चय गर्न सक्नुहुनेछ, एचटीएमएल मार्कअपका प्रश्नहरूमा वस्तुहरू (हरू) मात्र हटाउनुहोस्, तर के तपाई तिनीहरूलाई कोडमा रहन चाहानुहुन्छ, तर ब्राउजर स्क्रिनमा कुनै पनि कारणको लागि प्रदर्शन गर्दैन (र हामी कारणहरूको समीक्षा गर्नेछौं। यो तुरुन्तै गरौं)। तपाईंको HTML मा एक तत्व राख्न को लागि, तर प्रदर्शन को लागि लुकाउनुहोस्, तपाईं सीएसएस मा जान्छ।
एचटीएमएलमा एक तत्व लुकाउन दुईवटा सामान्य तरिका "प्रदर्शन" वा "दृश्यता" को लागि सीएसएस गुणहरू प्रयोग गरिनेछ। पहिलो नजरमा, यी दुई गुणहरू एकदमै उस्तै कुरा गर्न लाग्न सक्छ, तर तिनीहरू प्रत्येकसँग फरक मतभेद छन् जुन तपाईलाई सजग हुनु पर्छ। प्रदर्शनको बीचमा मतभेदहरू हेर्नको लागी आउनुहोस्: कुनै पनि र दृश्यता: लुकेको।
दृश्यता
CSS गुण / मूल्य दृश्यताको जोडा प्रयोग गर्दै: लुकाइएको ब्राउजरबाट एक तत्व लुकाउँछ। तथापि, लुकेको तत्वले अझै लेआउटमा ठाउँ लिन्छ। यो जस्तै तपाइँले मूल रूपमा अदृश्य अनुहार बनाउनुभएको छ, तर यो अझै पनि ठाँउमा रहेको छ र ठाउँ लिनु भएको ठाउँ लिन्छ यो एक्लै छोडिएको थियो।
यदि तपाइँ आफ्नो पृष्ठमा DIV राख्नुहुन्छ र यसलाई 100 आयाम 100 पिक्सेल लिनको लागि यसलाई आयाम दिनुहोस्, दृश्यता: लुकेका सम्पत्तिले DIV स्क्रिनमा देखाउने छैन, तर यसको पछि पाठले यो अझै पनि कार्य गर्दछ, आदर गर्दछ। 100x100 स्पेसिङ।
ईमानदार रूपमा, दृश्यता सम्पत्ति हामीले धेरै पटक प्रयोग गर्यौं केहि होइन, र निश्चित रूपमा यसको आफ्नै। यदि हामी अन्य सीएस गुणहरू प्रयोग गर्दैछौं, जस्तै कि एक निश्चित तत्वको लागि लेआउट को प्राप्त गर्न को लागी, हामी त्यस वस्तुलाई लुकाउनको लागि दृश्यता प्रयोग गर्न सक्दछ। त्यो यो गुणको एक सम्भव प्रयोग हो, तर फेरि, यो कुनै पनि फ्रिक्वेन्सीसँग परिवर्तन गर्ने कुरा होइन।
प्रदर्शन गर्नुहोस्
दृश्यता गुणको विपरीत, सामान्य तत्व दस्तावेज प्रवाहमा एक तत्व छोड्छ, प्रदर्शन: कुनै पनि तत्वले कागजातबाट पूर्ण रूपमा हटाउँदछ। यसले कुनै पनि स्थान लिँदैन, भले योका लागि HTML स्रोत कोडमा अझै पनि छ। यो किनभने किनभने, हो, कागजात प्रवाहबाट हटाइयो। सबै उद्देश्य र उद्देश्यका लागि, वस्तु चलेको छ। यो एक राम्रो कुरा वा खराब कुरा हुन सक्छ, तपाईंको इरादा के आधारमा निर्भर गर्दछ। यदि तपाई यो सम्पत्ति दुरुपयोग गर्नुहुन्छ भने यो तपाईंको पृष्ठमा हानिकारक हुन सक्छ!
पृष्ठ परीक्षण गर्दा हामी अक्सर "प्रदर्शन: कुनै" प्रयोग गर्छौं। यदि हामीले कुनै क्षेत्रको लागि "जानुहोस्" को लागि आवश्यक छ भने हामी पृष्ठको अन्य क्षेत्रहरूको परीक्षण गर्न सक्छौं, हामी प्रदर्शन प्रयोग गर्न सक्छौं: यसको लागि कुनै पनि। तथापि, याद गर्ने कुरा, यो तत्व त्यस साइटको वास्तविक सुरुवात अघि पृष्ठमा फर्किनेछ। यो किनभने किनभने यो विधिमा दस्तावेज प्रवाहबाट हटाइएको वस्तु खोजी इन्जिन वा स्क्रिन पाठकहरूले देखा पर्दैन, भले यो HTML मार्कअपमा रहन सक्दछ। विगतमा, यस विधिलाई खोज इन्जिन रेटिङ प्रभाव पार्न प्रयास गर्नको लागि कालो-टोप विधिको रूपमा प्रयोग गरिएको थियो, त्यसैले प्रदर्शन नगर्ने वस्तुहरू Google को लागि रातो रातो झण्डा हुन सक्छ कि यो दृष्टिकोण किन प्रयोग भइरहेको छ।
हामीले एक तरिका खोज्न खोज्छौं: कुनै पनि उपयोगी हुन सकेन, र हामी यसलाई प्रत्यक्ष, उत्पादन वेबसाइटहरूमा प्रयोग गर्दछौं, जब हामी एक उत्तरदायी आकारको लागि उपलब्ध हुन सक्ने तत्वहरू हुन सक्दछौं तर अन्यको लागि उपलब्ध हुन सक्दछ। तपाइँ प्रदर्शन प्रयोग गर्न सक्नुहुन्छ: कुनैपनि तत्वलाई लुकाउन र त्यस पछि त्यस पछि मीडिया प्रश्नहरूको साथमा फर्कनुहोस्। यो प्रदर्शनको एक स्वीकार्य प्रयोग हो: कुनै पनि होइन, किनभने तपाईं नफरत कारणहरूको लागि केहि लुकाउन खोज्नु हुनुहुन्न, तर त्यसो गर्न वैध आवश्यकता छ।
जेनिफर क्रिनिन द्वारा मूल लेख। 3/3/17 मा जेरेमी गिरर्ड द्वारा सम्पादित