सीएसएस में "प्रदर्शन: कोई नहीं" और "दृश्यता: छुपा" के बीच अंतर

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

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

दृश्यता

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

यदि आप अपने पृष्ठ पर एक डीआईवी डालते हैं और 100x100 पिक्सेल लेने के लिए आयाम देने के लिए सीएसएस का उपयोग करते हैं, तो दृश्यता: छुपी हुई संपत्ति स्क्रीन पर डीआईवी नहीं दिखाएगी, लेकिन इसके बाद का पाठ कार्य करेगा जैसा कि अभी भी वहां है 100x100 रिक्ति।

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

प्रदर्शन

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

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

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

जेनिफर क्रिनिन द्वारा मूल लेख। जेरेमी गिरार्ड द्वारा 3/3/17 को संपादित किया गया