टैग iframe
टैग iframe एक साइट की सामग्री को दूसरी साइट में एम्बेड करने की अनुमति देता है। इसका उपयोग वीडियो, छवियों, या लेखों जैसी सामग्री को प्रदर्शित करने के लिए किया जाता है, बिना किसी नई विंडो या टैब को खोले।
एम्बेड की गई साइट की सामग्री का डिज़ाइन उसी साइट का होगा। इसके साथ ही, हमारी साइट की CSS स्टाइल्स,
साथ ही हमारा JavaScript कोड
टैग iframe की सामग्री पर कोई प्रभाव नहीं डालेंगे।
iframe की सामग्री पर हम अपना JavaScript लागू कर सकते हैं, लेकिन इसके लिए विशेष तरीकों से कार्य करने की आवश्यकता होती है।
टैग iframe का व्यापक रूप से YouTube और अन्य प्लेटफार्मों से वीडियो एम्बेड करने, साथ ही अन्य स्रोतों से लेख और छवियां प्रदर्शित करने के लिए किया जाता है।
विशेषताएँ
| विशेषता | विवरण |
|---|---|
src |
उस पृष्ठ का पता निर्दिष्ट करता है जिसे एम्बेड किया जाना चाहिए। |
srcdoc |
सीधे विशेषता में iframe की सामग्री निर्धारित करने की अनुमति देता है। |
frameborder |
iframe के चारों ओर बॉर्डर सेट करता है।
मान yes बॉर्डर सेट करता है (डिफ़ॉल्ट रूप से),
और मान no बॉर्डर हटा देता है।
|
scrolling |
iframe के अंदर स्क्रॉल बार सेट करता है।
मान auto - आवश्यकता के अनुसार स्क्रॉलिंग (डिफ़ॉल्ट),
मान yes - हमेशा स्क्रॉलिंग,
मान no - कोई स्क्रॉलिंग नहीं।
|
उदाहरण
आइए अपनी साइट पर एक iframe डालें जिसमें दूसरी साइट हो (उदाहरण के लिए लेते हैं):
html<iframe src="/" width="600" height="400"></iframe>
Результат:
उदाहरण
अपनी साइट पर YouTube से एक वीडियो एम्बेड करें:
html<iframe
src="https://www.youtube.com/embed/KzQrHpB1H8U"
allowfullscreen
width="400"
height="400">
</iframe>
Результат:
उदाहरण
आइए सीधे iframe में सामग्री लिखें:
html<iframe
srcdoc="<h1>शीर्षक</h1><p>पाठ</p>"
width="300"
height="200">
</iframe>
Результат: