इनलाइन फ्रेम्स आपल्याला आपल्या पृष्ठांवर बाह्य स्त्रोतांकडून सामग्री समाविष्ट करण्याची परवानगी देतात
सामान्यतः फक्त "iframes" म्हणून संदर्भित केलेली इनलाइन फ्रेम, केवळ HTML5 मध्ये अनुमत फ्रेमचा प्रकार आहे हे फ्रेम्स मूलत: आपल्या पृष्ठाचे एक विभाग आहेत जे आपण "कापून टाकले" आपण पृष्ठाच्या बाहेर काढलेल्या जागेवर, नंतर आपण एखाद्या बाह्य वेबपृष्ठावर फीड करु शकता थोडक्यात, आपल्या वेबपेजवर आयफ्रेम वेगळी ब्राउझर विंडो आहे. आपण सामान्यतः ज्या वेबसाइट्सवर Google Maps किंवा YouTube वरून बाह्य सामग्री समाविष्ट करण्याची आवश्यकता आहे अशा आयफ्रेम दिसतात
त्या दोन्ही लोकप्रिय वेबसाइट त्यांच्या एम्बेड कोडमध्ये iframe वापरतात.
IFRAME एलिमेंट कसे वापरावे
घटक HTML5 वैश्विक घटक तसेच इतर अनेक घटकांचा वापर करते. एचटीएमएल 4.01 मध्ये चारही विशेषता आहेत:
- फ्रेमच्या स्त्रोतासाठीचा URL
- - खिडकीची उंची
- -विंडोची रुंदी
- खिडकीचे नाव
आणि HTML5 मध्ये तीन नवीन आहेत:
- srcdoc- फ्रेमच्या स्त्रोतासाठी असलेला HTML या विशेषतास src पर्यावरणात कोणत्याही URL वर प्राधान्य घेते
- सँडबॉक्स् - फीचर्सची यादी जी फ्रेम चौकट मध्ये परवानगी किंवा नकार देऊ नये
- एकसंध - वापरकर्ता एजंट म्हणतात की iframe प्रस्तुत करणे आवश्यक आहे कारण ते अदृश्यपणे मूळ दस्तऐवजाचा भाग आहे
एक साधी iframe तयार करण्यासाठी आपण स्त्रोत URL आणि रुंदी आणि उंची सेट केली आहे:
लक्षात ठेवा आपण आपल्या iframe च्या सेटिंग्जसाठी पिक्सलच्या मूल्यांचा वापर न करणे निवडू शकता, परंतु त्याऐवजी टक्केवारी वापरण्याचे ठरवू शकता.
जर आपण प्रतिसादात्मक वेबसाइट तयार करत असाल ज्यांचे आकार बदलून भिन्न स्क्रीन आकार बदलले पाहिजे, तर ही टक्केवारी महत्त्वपूर्ण असेल.
काही वैशिष्ट्ये आहेत जी HTML 4.01 मध्ये वैध आहेत परंतु HTML5 मध्ये अप्रचलित आहेत. आज बहुतेक वेबसाइट HTML5 + वापरत असल्याने, हे गुणधर्म आपण वापरू इच्छित नाहीत (परंतु आपण काही परंपरागत दस्तऐवजांमध्ये पाहू शकता).
- -अर्थात, वर्णनाशी दुवा साधण्यासाठी एक घटक वापरा
- -त्याऐवजी, सीएसएस फ्लोटच्या मालमत्तेचा वापर करा
- allowtransparency- त्याऐवजी, ifram पारदर्शक करण्यासाठी सीएसएस बॅकग्राउंड प्रॉपर्टी वापरा
- -शारीतीने सीमा सीएसएस गुणधर्म वापरा
- मार्जिहाइट - त्याऐवजी , सीएसएस मार्जिन गुणधर्म वापरा
- मार्जिनविड्थ - त्याऐवजी , सीएसएस मार्जिन गुणधर्म वापरा
- -त्याऐवजी, सीएसएस ओव्हरफ्लो गुणधर्म वापरा
IFRAME ब्राउझर समर्थन
IFRAME घटक सर्व आधुनिक ब्राउझरद्वारे समर्थित आहे:
- Android
- क्रोम
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile
- नेटस्केप 7+
- ऑपेरा 3+
- सफारी
वरील आवृत्तीमध्ये कोणतीही आवृत्ती संख्या दर्शविण्याकरीता नसल्यास, कारण त्या ब्राउझरच्या सर्व आवृत्त्यांचे समर्थन आहे.
हे लक्षात ठेवायला हवे की सर्व ब्राऊजर IFRAME घटकास समर्थन देत असताना, HTML5 वैशिष्ट्येंपैकी काहीसाठी अजूनही मर्यादित समर्थन आहे
- स्क्रोल करणे बंद करण्यासाठी ओव्हरफ्लो वापरणे विश्वसनीय नाही आपण आपल्या iframes वर स्क्रोलबार नसल्यास, आपण स्क्रोलिंग विशेषता वापरणे सुरु ठेवली पाहिजे.
- या वेळेस srcdoc, sandbox आणि seamless विशेषता कोणत्याही ब्राउझरद्वारे समर्थित नाहीत.
Iframes सह दुवा साधत आहे
जेव्हा आपण आपल्या आइफ्रेमनांना नाव किंवा आयडी देतो तेव्हा त्या फ्रेम्स वरील 'A' घटकावरील गुणधर्मांसह आपण आपले दुवे इंगित करु शकता. नंतर, एखादा वापरकर्ता जेव्हा दुव्यावर क्लिक करेल तेव्हा ते वर्तमान विंडोऐवजी संदर्भित iframe मधे उघडेल.
हे स्वतःच करून पहा. खालील वेब पृष्ठावर टाइप करा:
IFRAME मध्ये उघडलेल्या दस्तऐवजामध्ये कोणतेही लक्ष्य सेट केलेले नसल्यास, ते सर्व दुवे एकसच आयफ्रेममध्ये पालक दस्तऐवज म्हणून उघडतील.
आपण एकाच IFRAME मध्ये लिंक बनविण्यासाठी या वैशिष्ट्याचा वापर त्याच पृष्ठावर अन्य IFRAME ची सामग्री बदलू शकता.
IFrames आणि सुरक्षा
IFRAME घटक स्वतःच किंवा आपल्या वाचकांना सुरक्षितता धोका नाही.
दुर्दैवाने, iframes ने वाईट प्रतिष्ठा मिळविली आहे कारण ती सामग्रीला समाविष्ट करण्यासाठी दुर्भावनापूर्ण वेबसाइट्सद्वारे वापरली जाऊ शकते जी अभ्यागताच्या संगणकास ते पृष्ठावर न पाहता ते संक्रमित होऊ शकते. हे लिंक अदृश्य IFRAME कडे निर्देश करुन केले जाते आणि ते स्क्रिप्ट दुर्भावनापूर्ण कोड बंद करते. वापरकर्त्याने लिंक क्लिक केले आणि असे वाटले की लिंक तुटलेला आहे कारण काहीच दिसू शकले नाही, परंतु एखादे स्क्रिप्ट कुठे सेट केले होते ते कुठे दिसत नव्हते.
संगणकास व्हायरस देखील आहेत जे अदृश्य IFRAME आपल्या वेब पृष्ठांमध्ये इंजेक्ट करेल, प्रभावीपणे आपल्या वेबसाइटला बॉटनेटमध्ये रूपांतरित करतील. ते एस क्यू एल इंजेक्शन आणि अन्य हल्ले करू शकतात.
आपल्या वेब पृष्ठावर IFRAME समाविष्ट करतेवेळी लक्षात ठेवण्यासारख्या गोष्टी म्हणजे आपल्या वापरकर्त्यांना आपण दुवा साधलेल्या सर्व साइट्सच्या सामग्रीच्या रूपातच सुरक्षित आहेत. जर तुम्हाला एखादी साइट वाटत असेल तर विश्वासार्ह असेल तर त्यास कोणत्याही प्रकारचा दुवा साधू नका आणि सर्वात महत्वाचे म्हणजे त्यात आयफ्रेममध्ये अंतर्भूत करू नका. Iframes च्या अंतर्गत आपल्या स्वत: च्या पृष्ठांशी दुवा साधणे, तथापि, आपल्यासाठी किंवा आपल्या वापरकर्त्यांसाठी एक सुरक्षा धोका दर्शवित नाही.
जेनिफर क्रिनिन द्वारे मूळ लेख. 11/7/16 रोजी जेरेमी गिरर्ड यांनी संपादित केले