आईफ्रेम पूर्ण पृष्ठ का उपयोग करने में मुख्य समस्या यह है कि आईफ्रेम की सामग्री तब तक लोड नहीं होती जब तक उपयोगकर्ता आईफ्रेम में किसी लिंक पर क्लिक नहीं करता। यह पेज लोड होने के समय को धीमा कर सकता है और उपयोगकर्ताओं के लिए भ्रमित करने वाला हो सकता है।
<iframe src="http://www.fullpage.com/index.html" width="100%" height="100%"></iframe>
उपरोक्त कोड लाइन एक आईफ्रेम, या एक इनलाइन फ्रेम बनाती है। वर्तमान HTML दस्तावेज़ में अन्य दस्तावेज़ एम्बेड करने के लिए एक iframe का उपयोग किया जाता है।
src विशेषता एम्बेड किए जाने वाले दस्तावेज़ के URL को निर्दिष्ट करती है।
चौड़ाई और ऊंचाई विशेषताएँ iframe के आकार को निर्दिष्ट करती हैं। आकार डिफ़ॉल्ट रूप से पिक्सेल में निर्दिष्ट होता है, लेकिन इसे युक्त तत्व के आकार के प्रतिशत के रूप में भी निर्दिष्ट किया जा सकता है।
इस मामले में, आईफ्रेम अपने तत्व की चौड़ाई और ऊंचाई का 100% हिस्सा लेता है।
आइफ्रेम क्या है
?
एक आइफ्रेम एक प्रकार का इनलाइन फ्रेम है जो वेब पेजों को उनके भीतर अन्य वेब पेजों को एम्बेड करने की अनुमति देता है। Iframes का उपयोग अन्य वेबसाइटों से सामग्री प्रदर्शित करने के लिए किया जाता है, बिना उस पृष्ठ को छोड़े जिस पर वे एम्बेड किए गए हैं।
आईफ्रेम गुण
HTML में iframe गुणों का उपयोग यह नियंत्रित करने के लिए किया जा सकता है कि iframe कैसे प्रदर्शित होता है।
iframes के साथ काम करने के टिप्स
HTML में iframes के साथ काम करते समय कुछ बातों का ध्यान रखना चाहिए। सबसे पहले, iframe का URL निर्दिष्ट करने के लिए हमेशा src विशेषता का उपयोग करें। दूसरा, सुनिश्चित करें कि आपका iframe ठीक से लपेटा गया है
iframes के नुकसान
HTML में iframes का उपयोग करने के कुछ नुकसान हैं। सबसे पहले, वे एक सुरक्षा जोखिम हो सकते हैं क्योंकि यदि कोई हमलावर आईफ्रेम की सामग्री तक पहुंच प्राप्त कर सकता है, तो वे संभावित रूप से दुर्भावनापूर्ण कोड को निष्पादित करने के लिए ब्राउज़र या स्वयं पृष्ठ में कमजोरियों का फायदा उठा सकते हैं। इसके अतिरिक्त, iframes पेज लोड होने के समय को धीमा कर सकते हैं और पेज नेविगेशन में हस्तक्षेप कर सकते हैं।
- हल: html में _blank
- हल: html दूरस्थ स्रोत से छवि जोड़ें
- हल: एचटीएमएल में जगह जोड़ें
- हल: html में फ़ेविकॉन जोड़ना
- हल: html पाठ को सही संरेखित करें
- हल: स्वत: अद्यतन कॉपीराइट वर्ष एचटीएमएल
- हल: एचटीएमएल ऑटोप्ले आईफोन काम नहीं करता है
- हल: ऑटोरेडायरेक्ट एचटीएमएल
- हल: एचटीएमएल पृष्ठभूमि छवि स्क्रीन पर फिट
- हल किया गया: बेस 64 छवि एचटीएमएल उदाहरण
- हल किया गया: html बॉडी फुल हाइट
- हल: बटन html href
- हल: एचटीएमएल केंद्र बटन
- हल: केंद्र p html
- हल: एचटीएमएल केंद्र यूट्यूब वीडियो
- हल: html खिलाड़ी की गति बदलें
- हल: html व्यूपोर्ट को स्मार्टफोन के आकार में बदलें
- हल: एचटीएमएल चरित्र टैब
- हल: कॉपीराइट पाद लेख html कोड
- हल: एक mailto लिंक html बनाएँ
- हल: एचटीएमएल डैश कोड
- हल किया गया: डेटालिस्ट एचटीएमएल
- हल: एचटीएमएल विवरण टैग
- हल: नाम और आईडी html के बीच का अंतर
- हल: एचटीएमएल संपादन पाठ बॉक्स अक्षम करें
- हल किया गया: एचटीएमएल अक्षम सबमिट दर्ज करें
- हल: html फॉर्म इनपुट ऑटोकंप्लीट ऑटोफिल को डिसेबल करें
- हल: वर्तनी जाँच html को अक्षम करें
- हल: एचटीएमएल डॉट प्रतीक
- हल: एचटीएमएल में ड्रॉपडाउन
- हल: एचटीएमएल ईमेल लिंक
- हल: एचटीएमएल खाली चरित्र
- हल: एचटीएमएल इकाई एम्परसेंड और
- हल: एचटीएमएल इकाई उद्धरण
- हल: एफए एफए ईमेल
- हल: एचटीएमएल फेसबुक मेटा टैग
- हल: fafa लॉगिन आइकन html कोड
- हल: एचटीएमएल पेज के लिए फेविकॉन
- हल: फेविकॉन मेटा
- हल: html फ़ेविकॉन टैग
हम HTML और HTML5 के बारे में सब कुछ जानते हैं। हम इस मार्कअप लैंग्वेज की सभी शंकाओं और समस्याओं को हल करते हैं जो WWW का आधार है