फाउंडेशन - दृश्यता कक्षाएं

विवरण

• फाउंडेशन डिवाइस ओरिएंटेशन (पोर्ट्रेट और लैंडस्केप) या स्क्रीन साइज (छोटा, मध्यम, बड़ा या ज़ेलर स्क्रीन) के आधार पर तत्वों को दिखाने या छिपाने के लिए दृश्यता कक्षाओं का उपयोग करता है।

• यह उपयोगकर्ता को ब्राउज़िंग वातावरण के आधार पर तत्वों का उपयोग करने की अनुमति देता है।

निम्न तालिका फाउंडेशन के दृश्यता वर्गों को सूचीबद्ध करती है, जो उनके ब्राउज़िंग वातावरण के आधार पर तत्वों को नियंत्रित करते हैं -

अनु क्रमांक।	दृश्यता कक्षा और विवरण
1	स्क्रीन साइज द्वारा दिखाएं यह .show क्लास का उपयोग करके डिवाइस पर आधारित तत्वों को दिखाता है ।
2	स्क्रीन साइज द्वारा छिपाएं यह .hide वर्ग का उपयोग करके डिवाइस के आधार पर तत्वों को छुपाता है ।

फाउंडेशन कुछ वर्गों का समर्थन करता है जहां आप .hide और .inv वर्गों का उपयोग करके सामग्री छिपा सकते हैं और पृष्ठ पर कुछ भी प्रदर्शित नहीं करते हैं।

ओरिएंटेशन डिटेक्शन

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

सरल उपयोग

निम्न तालिका स्क्रीन पाठकों के लिए पहुंच तकनीकों को सूचीबद्ध करती है जो स्क्रीन पाठकों द्वारा पढ़ने योग्य बनाते समय सामग्री को छुपाती है -

अनु क्रमांक।	अभिगम्यता वर्ग और विवरण
1	स्क्रीन पाठकों के लिए दिखाएँ यह स्क्रीन रीडर्स को पढ़ने से रोकने के दौरान कंटेंट को छिपाने के लिए शो-फॉर-एसआर क्लास का उपयोग करता है।
2	स्क्रीन पाठकों के लिए छिपाएँ यह aria- छिपी विशेषता का उपयोग करता है जो पाठ को दृश्यमान बनाता है लेकिन स्क्रीन रीडर द्वारा पढ़ा नहीं जा सकता है।
3	लिंक बनाना छोड़ें स्क्रीन रीडर आपकी साइट की सामग्री पर नेविगेशन प्राप्त करने के लिए एक स्किप लिंक बनाएगा।

सैस संदर्भ

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

अनु क्रमांक।	मिश्रण और विवरण	पैरामीटर	प्रकार
1	show-for डिफ़ॉल्ट रूप से, यह एक तत्व को छुपाता है और इसे कुछ स्क्रीन आकार के ऊपर प्रदर्शित करता है।	$ आकार	कीवर्ड
2	show-for-only डिफ़ॉल्ट रूप से, यह एक तत्व को छुपाता है और इसे ब्रेकपॉइंट के भीतर प्रदर्शित करता है।	$ आकार	कीवर्ड
3	hide-for डिफ़ॉल्ट रूप से, यह एक तत्व दिखाता है और इसे एक निश्चित स्क्रीन आकार से ऊपर छुपाता है।	$ आकार	कीवर्ड
4	hide-for-only डिफ़ॉल्ट रूप से, यह एक तत्व दिखाता है और इसे एक निश्चित स्क्रीन आकार से ऊपर छुपाता है।	$ आकार	कीवर्ड

इन सभी मिश्रणों का डिफ़ॉल्ट मूल्य किसी के लिए भी निर्धारित नहीं किया जाएगा ।