इनलाइन फ्रेमहरू तपाईलाई तपाईंको पृष्ठहरूमा बाह्य स्रोतबाट सामग्री समावेश गर्न अनुमति दिन्छ
इनलाइन फ्रेमहरू, सामान्यतया भर्खरै "आइजरहरू" भनिन्छ, एचटीएमएल 5 मा अनुमति दिइएको एक मात्र ढाँचा हो। यी फ्रेमहरू अनिवार्य रूपमा तपाईंको पृष्ठको एक भाग हुन् जुन तपाईंले "काट" गर्नुहुनेछ। तपाईंले पृष्ठबाट काटेको ठाउँमा, तपाइँ त्यसपछि बाह्य वेबपृष्ठमा फीड गर्न सक्नुहुन्छ। सारमा, एक आईफ्रेम अर्को वेब ब्राउजर भित्र अर्को ब्राउजर विन्डो सेट छ। तपाईंले आइडियाहरू वेबसाइटहरूमा सामान्य रूपमा प्रयोग गर्नुहुने बाह्य सामग्री जस्तै YouTube नक्सा वा YouTube बाट भिडियो समावेश गर्न आवश्यक छ।
ती लोकप्रिय वेबसाइटहरू दुवै इमेजहरू उनीहरूको इम्बेड कोडमा प्रयोग गर्छन्।
IFRAME तत्व को उपयोग कसरि गर्नुहोस
तत्वले एचटीएमएल 5 विश्वव्यापी तत्वहरू साथै थुप्रै अन्य तत्वहरू प्रयोग गर्दछ। चार पनि HTML 4.01 मा विशेषता छन्:
- - फ्रेम को स्रोत को लागि URL
- - सञ्झ्यालको उचाई
- - सञ्झ्यालको चौडाइ
- विन्डोको नाम
र तीन एचटीएमएल 5 मा नयाँ छन्:
- srcdoc - फ्रेम को स्रोत को लागि HTML। यो गुण स्रोत विशेषता मा कुनै पनि यूआरएल मा पूर्वता लिन्छ
- स्यान्डबक्स -एक विशेषताहरूको सूची जुन फ्रेम विन्डोमा अनुमति वा अनुमति दिइएको हुनुपर्दछ
- सहानुभूति प्रयोगकर्ता एजेन्टलाई दिइन्छ कि iframe लाई प्रदान गरिएको हुनुपर्छ जस्तै यो अहिल्यै अभिभावक कागजातको भाग हो
सरल आईफ्रेम निर्माण गर्न, तपाईंले स्रोत URL र चौडाई र उचाइ सेट गर्नुभयो:
ध्यान दिनुहोस् कि तपाई आफ्नो आइफ्रेम सेटिङको लागि पिक्सेल मानहरू प्रयोग गर्न रोज्न सक्नुहुनेछ, तर सट्टामा एक प्रतिशत प्रयोग गर्न निर्णय गर्न सक्छ।
यदि तपाइँ एक उत्तरदायी वेबसाइट निर्माण गर्दै हुनुहुन्छ जसको साइजिंगले फरक स्क्रिन आकारको साथ परिवर्तन गर्नुपर्छ, यी प्रतिशतहरू महत्त्वपूर्ण हुनेछन्।
त्यहाँ पनि केही विशेषताहरू छन् जुन HTML 4.01 मा मान्य छन् तर अप्रचलित HTML5 मा। किनकि धेरै वेबसाइटहरू आज HTML5 + को प्रयोग गर्दै छन्, यी विशेषताहरू तपाईका प्रयोग गर्न चाहनुहुन्न (तर तपाईले केहि विरासत कागजातहरूमा देख्न सक्नुहुनेछ)।
- -स्थापित गर्नुहोस्, एउटा प्रयोगको प्रयोग विवरणमा लिङ्क गर्न
- -स्थापित गर्नुहोस्, CSS फ्लोट गुण प्रयोग गर्नुहोस्
- allowtransparency -instead, ifram पारदर्शी बनाउन CSS पृष्ठभूमि सम्पत्ति प्रयोग गर्नुहोस्
- -स्थापित सीमा सीएसएस सम्पत्ति प्रयोग गर्नुहोस्
- marginheight -instead , CSS margin सम्पत्ति प्रयोग गर्नुहोस्
- marginwidth -instead , CSS margin सम्पत्ति प्रयोग गर्नुहोस्
- -स्थापित गर्नुहोस्, CSS overflow सम्पत्ति प्रयोग गर्नुहोस्
IFRAME ब्राउजर समर्थन
IFRAME तत्व सबै आधुनिक ब्राउजरद्वारा समर्थित छ:
- एन्ड्रोइड
- Chrome
- फायरफक्स
- इन्टरनेट एक्सप्लोरर 2+
- आईओएस / सफारी मोबाइल
- नेटस्केप 7+
- ओपेरा 3+
- सफारी
यदि माथिको सूचीमा कुनै पनि संस्करण नम्बर देखाइएको छैन, त्यसकारण किनभने ब्राउजरको सबै संस्करणहरूले यसलाई समर्थन गर्दछ।
एक कुरा हो कि यो कुरा हो कि यो सबै ब्राउजरहरूले IFRAME तत्वलाई समर्थन गर्दछ, त्यहाँ HTML5 सुविधाहरूको केहि अझै पनि सीमित समर्थन छ।
- स्क्रोलिङ बन्द गर्न अतिप्रवाह प्रयोग गर्दै विश्वसनीय छैन। यदि तपाईं आफ्नो आईम्रेममा स्क्रोलबारहरू चाहानुहुन्छ भने, तपाईँले स्क्रोलिङ विशेषता प्रयोग गर्न जारी राख्नुपर्छ।
- यस समय कुनै पनि ब्राउजरद्वारा srcdoc, स्यान्डबक्स, र सहज विशेषताहरू समर्थित छैनन्।
Iframes संग लिङ्क
जब तपाइँका इमर्सहरू एक नाम वा आईडी दिनुहोस् भने तपाइँ त्यस तत्वमा ए तत्वमा विशेषतासँग आफ्नो लिङ्कमा इंगित गर्न सक्नुहुनेछ। त्यसोभए, जब प्रयोगकर्ताले लिंकमा क्लिक गर्दछ, यो हालको विन्डो भन्दा सट्टा सन्दर्भित आइर्रेम भित्र खोल्नेछ।
यसलाई प्रयास गर्नुहोस्। वेब पृष्ठमा निम्न टाइप गर्नुहोस्:
यदि IFRAME मा खोलिएको कागजातमा कुनै लक्ष्य सेट गरिएको छैन भने, त्यसपछि सबै लिङ्कहरू अभिभावक कागजातको रूपमा एउटै आइफ्रेममा खुल्नेछ।
तपाईं एक IFRAME मा लिङ्कहरू बनाउन यो सुविधा प्रयोग गर्न सक्नुहुनेछ समान पेजमा अन्य IFRAME को सामग्री परिवर्तन गर्नुहोस्।
आईफ्रेम र सुरक्षा
IFRAME तत्व, आफैले, तपाइँ वा तपाईंका पाठकहरूलाई सुरक्षा खतरा छैन।
दुर्भाग्यवश iframes ले खराब प्रतिष्ठा प्राप्त गरेको छ किनभने तिनीहरू दुर्भावनापूर्ण वेबसाइटहरूले प्रयोग गर्न सक्दछन् सामग्री समावेश गर्न सक्दछ जुन दर्शकको कम्प्यूटरलाई पृष्ठमा हेर्ने बिना यो प्रभाव पार्न सक्छ। यो लिङ्क अदृश्य IFRAME मा लिङ्क बिन्दु गरेर गरेको छ र ती लिपिहरू दुर्भावनापूर्ण कोड सेट गर्नुहोस्। प्रयोगकर्ताले लिङ्क क्लिक गर्दछ र सोच्दछ कि लिङ्क बिच्छेद भएको छ किनकि केहि पनि लागेन, तर स्क्रिप्ट बन्द भयो जहाँ उनीहरूले यो देख्न सक्दैनन्।
त्यहाँ पनि कम्प्युटर भाइरसहरू छन् जुन अदृश्य IFRAME लाई तपाईंको वेब पेजमा इंजेक्शन गर्नेछ, प्रभावकारी रूपमा तपाईंको वेबसाइटलाई एक botnet मा परिणत गर्दछ। तिनीहरूले एसएलसी इंजेक्शन र अन्य आक्रमणहरू गरेर यो गर्न सक्छन्।
तपाईंको वेब पृष्ठमा IFRAME समावेश गर्दा सम्झना गर्ने कुरा यो हो कि तपाईंको प्रयोगकर्ताहरू तपाइँसँग लिङ्क गर्ने सबै साइटहरूको सामग्रीको रूपमा मात्र सुरक्षित छ। यदि तपाइँसँग साइटको महसुस गर्ने कारण छ भने अविश्वसनीय छ, यसलाई कुनै पनि फेशनमा लिङ्क नदिनुहोस् र निश्चित रूपले यसको सामग्री IFRAME मा समावेश गर्दैन। यदि इन्द्रेज भित्रका आफ्नै पृष्ठहरूमा लिंक गर्दै, तपाइँले तपाइँ वा तपाइँका प्रयोगकर्ताहरूको लागि सुरक्षा जोखिममा राख्नुभएन।
जेनिफर क्रिनिन द्वारा मूल लेख। 11/7/16 मा जेरेमी Girard द्वारा संपादित