इनलाइन फ्रेम्स आपको अपने पृष्ठों पर बाहरी स्रोतों से सामग्री शामिल करने की अनुमति देता है
इनलाइन फ्रेम, जिसे आमतौर पर "iframes" के रूप में जाना जाता है, एचटीएमएल 5 में एकमात्र फ्रेम की अनुमति है। ये फ्रेम अनिवार्य रूप से आपके पृष्ठ का एक अनुभाग है जिसे आप "काटते हैं"। उस स्थान पर जिसे आपने पृष्ठ से बाहर कर दिया है, फिर आप बाहरी वेबपृष्ठ में फ़ीड कर सकते हैं। संक्षेप में, एक आईफ्रेम एक और ब्राउज़र विंडो है जो आपके वेब पेज के ठीक अंदर सेट है। आप उन वेबसाइटों पर आमतौर पर उपयोग किए जाने वाले आइफ्रेम देखते हैं जिन्हें Google मानचित्र या YouTube से वीडियो जैसी बाहरी सामग्री शामिल करने की आवश्यकता होती है।
उन दोनों लोकप्रिय वेबसाइटें उनके एम्बेड कोड में iframes का उपयोग करती हैं।
IFRAME तत्व का उपयोग कैसे करें I
तत्व एचटीएमएल 5 वैश्विक तत्वों के साथ-साथ कई अन्य तत्वों का उपयोग करता है। चार एचटीएमएल 4.01 में भी विशेषताएं हैं:
- फ्रेम के स्रोत के लिए यूआरएल
- खिड़की की ऊंचाई
- खिड़की की चौड़ाई
- खिड़की का नाम
और एचटीएमएल 5 में तीन नए हैं:
- srcdoc- फ्रेम के स्रोत के लिए एचटीएमएल। इस विशेषता को src विशेषता में किसी भी URL पर प्राथमिकता दी गई है
- सैंडबॉक्स - सुविधाओं की एक सूची जिसे फ्रेम विंडो में अनुमति या अनुमति नहीं दी जानी चाहिए
- निर्बाध - उपयोगकर्ता एजेंट को बताता है कि iframe प्रस्तुत किया जाना चाहिए जैसे कि यह मूल रूप से मूल दस्तावेज़ का हिस्सा है
एक साधारण आईफ्रेम बनाने के लिए, आप स्रोत यूआरएल और चौड़ाई और ऊंचाई सेट करते हैं:
ध्यान दें कि आप अपने आईफ्रेम की सेटिंग्स के लिए पिक्सल मानों का उपयोग न करना चुन सकते हैं, लेकिन इसके बजाय प्रतिशत का उपयोग करने का निर्णय ले सकते हैं।
यदि आप एक उत्तरदायी वेबसाइट बना रहे हैं जिसका आकार बदलना अलग-अलग स्क्रीन आकारों के साथ बदलना चाहिए, तो ये प्रतिशत महत्वपूर्ण होंगे।
कुछ विशेषताएं भी हैं जो HTML 4.01 में मान्य हैं लेकिन HTML5 में अप्रचलित हैं। चूंकि अधिकांश वेबसाइटें आज HTML5 + का उपयोग कर रही हैं, इसलिए ये विशेषताएं वे हैं जिन्हें आप उपयोग नहीं करना चाहते हैं (लेकिन जो आप कुछ विरासत दस्तावेज़ों में देख सकते हैं)।
- -इंस्टेड, विवरण से लिंक करने के लिए ए तत्व का उपयोग करें
- -इंस्टेड, सीएसएस फ्लोट संपत्ति का उपयोग करें
- allowtransparency -instead, ifram पारदर्शी बनाने के लिए सीएसएस पृष्ठभूमि संपत्ति का उपयोग करें
- सीमा सीएसएस संपत्ति का उपयोग करें
- मार्जिनहाइट -इंस्टेड, सीएसएस मार्जिन प्रॉपर्टी का उपयोग करें
- marginwidth -instead, सीएसएस मार्जिन संपत्ति का उपयोग करें
- -इंस्टेड, सीएसएस ओवरफ्लो प्रॉपर्टी का उपयोग करें
IFRAME ब्राउज़र समर्थन
IFRAME तत्व सभी आधुनिक ब्राउज़रों द्वारा समर्थित है:
- एंड्रॉयड
- क्रोम
- फ़ायरफ़ॉक्स
- इंटरनेट एक्सप्लोरर 2+
- आईओएस / सफारी मोबाइल
- नेटस्केप 7+
- ओपेरा 3+
- सफारी
यदि उपर्युक्त सूची में कोई संस्करण संख्या दिखाई नहीं दे रही है, तो ऐसा इसलिए है क्योंकि उस ब्राउज़र के सभी संस्करण इसका समर्थन करते हैं।
ध्यान देने योग्य एक बात यह है कि जब सभी ब्राउज़र IFRAME तत्व का समर्थन करते हैं, तब भी कुछ HTML5 सुविधाओं के लिए सीमित समर्थन है।
- स्क्रॉलिंग बंद करने के लिए अतिप्रवाह का उपयोग विश्वसनीय नहीं है। यदि आप अपने आईफ्रेम पर स्क्रॉलबार नहीं चाहते हैं, तो आपको स्क्रॉलिंग विशेषता का उपयोग करना जारी रखना चाहिए।
- Srcdoc, sandbox, और निर्बाध विशेषताएँ इस समय किसी भी ब्राउज़र द्वारा समर्थित नहीं हैं।
Iframes के साथ लिंकिंग
जब आप अपने iframes को एक नाम या आईडी देते हैं तो आप उस तत्व पर ए तत्व पर विशेषता के साथ अपने लिंक को इंगित कर सकते हैं। फिर, जब कोई उपयोगकर्ता लिंक पर क्लिक करता है, तो यह वर्तमान विंडो की बजाय संदर्भित आईफ्रेम के अंदर खुल जाएगा।
यह अपने आप का प्रयास करें। वेब पेज में निम्न टाइप करें:
यदि IFRAME में खोले गए दस्तावेज़ में कोई लक्ष्य सेट नहीं है, तो वे सभी लिंक समान दस्तावेज़ में मूल दस्तावेज़ के रूप में खुलेंगे।
आप इस सुविधा का उपयोग एक IFRAME में लिंक बनाने के लिए उसी पृष्ठ पर किसी अन्य IFRAME की सामग्री को बदल सकते हैं।
IFrames और सुरक्षा
IFRAME तत्व, स्वयं, आपके या आपके पाठकों के लिए सुरक्षा जोखिम नहीं है।
दुर्भाग्यवश iframes को एक बुरी प्रतिष्ठा मिली है क्योंकि दुर्भावनापूर्ण वेबसाइटों द्वारा उन्हें ऐसी सामग्री शामिल करने के लिए उपयोग किया जा सकता है जो पृष्ठ पर इसे देखे बिना विज़िटर के कंप्यूटर को संक्रमित कर सकता है। यह अदृश्य IFRAME और उन स्क्रिप्ट्स को दुर्भावनापूर्ण कोड से सेट करने के लिए लिंक इंगित करके किया जाता है। उपयोगकर्ता लिंक पर क्लिक करता है और सोचता है कि लिंक टूटा हुआ है क्योंकि कुछ भी नहीं हुआ, लेकिन एक स्क्रिप्ट को बंद कर दिया गया जहां वे इसे नहीं देख पाए।
ऐसे कंप्यूटर वायरस भी हैं जो आपके वेब पृष्ठों में एक अदृश्य IFRAME इंजेक्ट करेंगे, प्रभावी रूप से आपकी वेबसाइट को एक बोनेट में बदल देंगे। वे एसक्यूएल इंजेक्शन और अन्य हमलों के माध्यम से ऐसा कर सकते हैं।
याद रखने की बात यह है कि जब आपके वेब पेज पर आईएफआरएएम शामिल है तो यह है कि आपके उपयोगकर्ता केवल उन सभी साइटों की सामग्री के रूप में सुरक्षित हैं जो आप लिंक करते हैं। यदि आपके पास साइट महसूस करने का कारण अविश्वसनीय है, तो इसे किसी भी रूप में लिंक न करें और निश्चित रूप से IFRAME में इसकी सामग्री शामिल न करें। हालांकि, iframes के भीतर अपने स्वयं के पृष्ठों से जुड़ना, आपके या आपके उपयोगकर्ताओं के लिए सुरक्षा जोखिम उत्पन्न नहीं करता है।
जेनिफर क्रिनिन द्वारा मूल लेख। जेरेमी गिरार्ड द्वारा 11/7/16 को संपादित किया गया