इफ्रेम (इनलाइन फ्रेम्स) का उपयोग कैसे करें और कब करें

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

IFRAME तत्व का उपयोग कैसे करें I

तत्व एचटीएमएल 5 वैश्विक तत्वों के साथ-साथ कई अन्य तत्वों का उपयोग करता है। चार एचटीएमएल 4.01 में भी विशेषताएं हैं:

• फ्रेम के स्रोत के लिए यूआरएल
• खिड़की की ऊंचाई
• खिड़की की चौड़ाई
• खिड़की का नाम

और एचटीएमएल 5 में तीन नए हैं:

• srcdocफ्रेम के स्रोत के लिए एचटीएमएल। इस विशेषता में किसी भी यूआरएल पर प्राथमिकता होती है src गुण
• सैंडबॉक्स- फ्रेम विंडो में अनुमति या अस्वीकृत सुविधाओं की एक सूची
• निर्बाधउपयोगकर्ता एजेंट को बताता है कि iframe को प्रस्तुत किया जाना चाहिए जैसे कि यह मूल रूप से मूल दस्तावेज़ का हिस्सा है

एक साधारण आईफ्रेम बनाने के लिए, आप स्रोत यूआरएल और चौड़ाई और ऊंचाई सेट करते हैं:

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

कुछ विशेषताएं भी हैं जो HTML 4.01 में मान्य हैं लेकिन HTML5 में अप्रचलित हैं। चूंकि अधिकांश वेबसाइटें आज HTML5 + का उपयोग कर रही हैं, इसलिए ये विशेषताएं वे हैं जिन्हें आप उपयोग नहीं करना चाहते हैं (लेकिन जो आप कुछ विरासत दस्तावेज़ों में देख सकते हैं)।

• -इंस्टेड, एक का उपयोग करें ए विवरण से लिंक करने के लिए तत्व
• -इंस्टेड, सीएसएस का उपयोग करें नाव संपत्ति
• allowtransparency-इंस्टेड, सीएसएस का उपयोग करें पृष्ठभूमि इफ्राम पारदर्शी बनाने के लिए संपत्ति
• उपयोग करें सीमा सीएसएस संपत्ति
• marginheight-इंस्टेड, सीएसएस का उपयोग करें हाशिया संपत्ति
• marginwidth-इंस्टेड, सीएसएस का उपयोग करें हाशिया संपत्ति
• -इंस्टेड, सीएसएस का उपयोग करें बाढ़ संपत्ति

IFRAME ब्राउज़र समर्थन

IFRAME तत्व सभी आधुनिक ब्राउज़रों द्वारा समर्थित है:

• एंड्रॉयड
• क्रोम
• फ़ायरफ़ॉक्स
• इंटरनेट एक्सप्लोरर 2+
• आईओएस / सफारी मोबाइल
• नेटस्केप 7+
• ओपेरा 3+
• सफारी

यदि उपर्युक्त सूची में कोई संस्करण संख्या दिखाई नहीं दे रही है, तो ऐसा इसलिए है क्योंकि उस ब्राउज़र के सभी संस्करण इसका समर्थन करते हैं।

ध्यान देने योग्य एक बात यह है कि सभी ब्राउज़रों का समर्थन करते हैं IFRAME तत्व, एचटीएमएल 5 सुविधाओं में से कुछ के लिए अभी भी सीमित समर्थन है।

• का उपयोग करते हुए बाढ़ स्क्रॉलिंग बंद करने के लिए विश्वसनीय नहीं है। यदि आप अपने आईफ्रेम पर स्क्रॉलबार नहीं चाहते हैं, तो आपको इसका उपयोग करना जारी रखना चाहिए स्क्रॉल विशेषता।
• srcdoc, सैंडबॉक्स, तथा निर्बाध विशेषताएं इस समय किसी भी ब्राउज़र द्वारा समर्थित नहीं हैं।

Iframes के साथ लिंकिंग

जब आप अपने iframes ए देते हैं नाम या आईडी फिर आप उस लिंक पर अपने लिंक को विशेषता के साथ इंगित कर सकते हैं ए तत्व। फिर, जब कोई उपयोगकर्ता लिंक पर क्लिक करता है, तो यह वर्तमान विंडो की बजाय संदर्भित आईफ्रेम के अंदर खुल जाएगा।

यह अपने आप का प्रयास करें। वेब पेज में निम्न टाइप करें:

id = "myIframe" src = "http://webdesign.about.com/#lp-main" ऊंचाई = "200px" चौड़ाई = "500px">

यह मेरा आईफ्रेम है

जब आप इस लिंक पर क्लिक करेंगे तो यह उपरोक्त विंडो के अंदर एक नया दस्तावेज़ खुल जाएगा।

यदि दस्तावेज़ में खोला गया है IFRAME कोई लक्ष्य सेट नहीं है, तो वे सभी लिंक समान दस्तावेज़ में मूल दस्तावेज़ के रूप में खुलेंगे।

आप इस सुविधा का उपयोग एक में लिंक बनाने के लिए कर सकते हैं IFRAME दूसरे की सामग्री को बदलें IFRAME एक ही पृष्ठ पर।

IFrames और सुरक्षा

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

ऐसे कंप्यूटर वायरस भी हैं जो अदृश्य इंजेक्ट करेंगे IFRAME अपने वेब पृष्ठों में, प्रभावी ढंग से अपनी वेबसाइट को एक बोनेट में बदलना। वे एसक्यूएल इंजेक्शन और अन्य हमलों के माध्यम से ऐसा कर सकते हैं।

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

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