HTML <iframe> टैग

  • पिछला पृष्ठ <i>
  • अगला पृष्ठ <img>

परिभाषा और उपयोग

<iframe> टैग इनलाइन फ्रेम (इनलाइन फ्रेम) को परिभाषित करता है।

इनलाइन फ्रेम एक अन्य दस्तावेज़ को वर्तमान HTML दस्तावेज़ में अंतर्निहित करने के लिए उपयोग किया जाता है।

सूचना:CSS का उपयोग करके <iframe> का शैली (नीचे के उदाहरण को देखें) को नियंत्रित करें।

सूचना:बेहतर है कि हमेशा <iframe> टाइटल प्रतियोगिता को शामिल करें। स्क्रीन रीडर इस प्रतियोगिता का पढ़ाई कर सकता है <iframe> सामग्री के वर्णन के लिए。

इसके अलावा देखें:

HTML शिक्षण:HTML Iframe

HTML DOM संदर्भ दस्तावेज़:IFrame ऑब्जेक्ट

इस्तेमाल

उदाहरण 1

इनलाइन फ्रेम टैग निम्नानुसार है:

<iframe src="https://www.codew3c.com" title="CodeW3C.com ऑनलाइन शिक्षण"></iframe>

अपने आप से प्रयोग करें

उदाहरण 2

iframe की किनारा जोड़ें और हटाएं (CSS के द्वारा) :

<iframe src="/index.asp" width="100%" height="300" style="border:1px solid black;">
</iframe>
<iframe src="/index.asp" width="100%" height="300" style="border:none;">
</iframe>

अपने आप से प्रयोग करें

गुण

गुण मूल्य वर्णन
allow iframe के कार्य नीति को निर्धारित करें।
allowfullscreen
  • true
  • false
 यदि iframe को requestFullscreen() विधि के द्वारा फुलस्क्रीन मोड को सक्रिय करने की क्षमता है, तो true निर्धारित करें।
allowpaymentrequest
  • true
  • false
 यदि अधिकार के लिए अनुमति देने वाले इंफ्रामे को Payment Request API कॉल करने की अनुमति दें, तो true निर्धारित करें।
ऊंचाई पिक्सल iframe की ऊंचाई निर्धारित करें। मूलभूत ऊंचाई 150 पिक्सल है।
loading
  • eager
  • lazy
 ब्राउज़र को तुरंत iframe को लोड करने या कुछ शर्तों को पूरा करने तक iframe को लोड करने के लिए निर्धारित करें।
name पाठ iframe का नाम निर्धारित करें।
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 iframe लिए भेजने वाली संदर्भ जानकारी निर्धारित करें।
sandbox
  • allow-forms
  • allow-pointer-lock
  • allow-popups
  • allow-same-origin
  • allow-scripts
  • allow-top-navigation
 इंफ्रामे में सामग्री के लिए एक श्रृंखला अतिरिक्त प्रतिबंध चालू करें।
src URL इंफ्रामे में जमा करने वाले दस्तावेज़ का पता निर्धारित करें।
srcdoc HTML कोड इंफ्रामे में दिखाने वाले पृष्ठ के HTML सामग्री को निर्धारित करें।
चौड़ाई पिक्सल इंफ्रामे की चौड़ाई निर्धारित करें। मूलभूत चौड़ाई 300 पिक्सल है।

वैश्विक गुण

<iframe> टैग इवेंट गुण का समर्थन करते हैं HTML में वैश्विक गुण。

HTML में वैश्विक गुण

<iframe> टैग इवेंट गुण का समर्थन करते हैं HTML में इवेंट गुण。

डिफ़ॉल्ट CSS सेटिंग

अधिकांश ब्राउज़र निम्नलिखित डिफ़ॉल्ट मूल्यों को प्रदर्शित करेंगे <iframe> एलीमेंट:

iframe:focus {
  outline: none;
}
iframe[seamless] {
  display: block;
}

ब्राउज़र सहायता

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट
  • पिछला पृष्ठ <i>
  • अगला पृष्ठ <img>