Iframe Generator
कस्टम आयाम और सैंडबॉक्स एट्रिब्यूट सहित HTML iframe एम्बेड कोड बनाएं।
इस टूल के बारे में
Iframe जनरेटर तुरंत उपयोग योग्य HTML `<iframe>` एम्बेड कोड बनाता है। सोर्स URL, आयाम, टाइटल, स्क्रॉलिंग व्यवहार, लेज़ी लोडिंग, फुलस्क्रीन अनुमति, और sandbox एट्रिब्यूट कॉन्फ़िगर करें — फिर आउटपुट कॉपी करें।
सभी फ़ील्ड जनरेट किए गए कोड को रीयल टाइम में अपडेट करते हैं। कोई डेटा सर्वर पर नहीं भेजा जाता। accessibility के लिए title एट्रिब्यूट आवश्यक है: स्क्रीन रीडर एम्बेड की गई सामग्री का वर्णन करने के लिए इसे पढ़ते हैं।
कैसे उपयोग करें
- URL फ़ील्ड में वह URL दर्ज करें जिसे आप एम्बेड करना चाहते हैं।
- चौड़ाई, ऊँचाई, टाइटल, बॉर्डर, स्क्रॉलिंग, और लोडिंग विकल्प सेट करें।
- जरूरत अनुसार allowfullscreen और sandbox टॉगल करें; यदि sandbox चालू है, तो दी जाने वाली अनुमतियाँ चुनें।
- जनरेट किया गया iframe कोड कॉपी करें और इसे अपने HTML में पेस्ट करें।
उपयोग के मामले
डेवलपर्स सटीक पिक्सेल आयामों के साथ YouTube या Vimeo वीडियो एम्बेड करते हैं। फ्रंट-एंड इंजीनियर sandbox सुरक्षा के साथ मैप्स, विजेट्स, या थर्ड-पार्टी टूल्स एम्बेड करते हैं। डिज़ाइनर पोर्टल पेज बनाते हैं जिनमें बाहरी सामग्री इनलाइन शामिल होती है।
अक्सर पूछे जाने वाले प्रश्न
- sandbox एट्रिब्यूट क्या है? — sandbox यह प्रतिबंधित करता है कि एम्बेड किया गया पेज क्या कर सकता है (स्क्रिप्ट चलाना, फ़ॉर्म सबमिट करना, पॉपअप खोलना)। सुरक्षा के लिए केवल वही अनुमतियाँ सक्षम करें जिनकी आपको वास्तव में आवश्यकता है।
- title एट्रिब्यूट क्यों महत्वपूर्ण है? — स्क्रीन रीडर दृष्टिबाधित उपयोगकर्ताओं को एम्बेड की गई सामग्री का वर्णन करने के लिए title का उपयोग करते हैं। WCAG 2.1 के अनुसार हर iframe पर एक सार्थक title आवश्यक है।
- क्या हर वेबसाइट खुद को एम्बेड होने देगी? — नहीं। साइटें X-Frame-Options या Content-Security-Policy हेडर भेज सकती हैं जो एम्बेडिंग को ब्लॉक करते हैं। आप केवल उन्हीं पेजों को एम्बेड कर सकते हैं जो इसे स्पष्ट रूप से अनुमति देते हैं।