अध्याय 9: HTML फ्रेम्स(frames) और इफ्रेम्स(iframes)

HTML फ्रेम्स और इफ्रेम्स का उपयोग वेब पेज पर अन्य HTML पेजों को एम्बेड करने के लिए किया जाता है। यह तकनीक विशेष रूप से उन स्थितियों में उपयोगी होती है जहाँ आप एक ही वेब पेज पर विभिन्न स्रोतों से सामग्री प्रदर्शित करना चाहते हैं।

फ्रेम्स का परिचय (<frame>)

<frame> टैग का उपयोग HTML4 में विभिन्न वेब पेजों को एक साथ दिखाने के लिए किया जाता था, लेकिन यह टैग अब HTML5 में समर्थन नहीं है। इसके बजाय, अब <iframe> का उपयोग किया जाता है। इसलिए, <frame> टैग का उपयोग अब पुरानी तकनीक माना जाता है और इसे उपयोग नहीं करने की सलाह दी जाती है।

इफ्रेम्स (<iframe>)

<iframe> टैग का उपयोग एक HTML पेज के अंदर एक और HTML पेज एम्बेड करने के लिए किया जाता है। यह एक फ्रेम के अंदर दूसरी वेबसाइट या HTML दस्तावेज़ दिखाने का एक तरीका है।

उदाहरण:

<iframe src="https://www.example.com" width="600" height="400"></iframe>

<iframe> के एट्रिब्यूट्स

1. src:
   • विवरण: यह एट्रिब्यूट एम्बेड किए गए दस्तावेज़ का URL निर्दिष्ट करता है।
   • उदाहरण: <iframe src="https://www.example.com"></iframe>
2. width:
   • विवरण: यह एट्रिब्यूट इफ्रेम की चौड़ाई निर्दिष्ट करता है।
   • उदाहरण: <iframe src="https://www.example.com" width="600"></iframe>
3. height:
   • विवरण: यह एट्रिब्यूट इफ्रेम की ऊँचाई निर्दिष्ट करता है।
   • उदाहरण: <iframe src="https://www.example.com" height="400"></iframe>
4. name:
   • विवरण: यह एट्रिब्यूट इफ्रेम का नाम निर्दिष्ट करता है, जिससे इसे जावास्क्रिप्ट के माध्यम से संदर्भित किया जा सकता है।
   • उदाहरण: <iframe src="https://www.example.com" name="myIframe"></iframe>
5. frameborder:
   • विवरण: यह एट्रिब्यूट इफ्रेम के चारों ओर बॉर्डर दिखाने या छुपाने को निर्दिष्ट करता है। मान “0” बॉर्डर को छुपाने के लिए और “1” बॉर्डर को दिखाने के लिए है।
   • उदाहरण: <iframe src="https://www.example.com" frameborder="0"></iframe>
6. sandbox:
   • विवरण: यह एट्रिब्यूट अतिरिक्त सुरक्षा प्रतिबंधों को लागू करता है। यह एक वैल्यू को स्वीकार करता है जैसे “allow-scripts” जो स्क्रिप्ट्स को चलाने की अनुमति देता है।
   • उदाहरण: <iframe src="https://www.example.com" sandbox="allow-scripts"></iframe>
7. allow:
   • विवरण: यह एट्रिब्यूट इफ्रेम के अंदर अनुमति दी गई विशेषताओं को निर्दिष्ट करता है, जैसे “fullscreen”, “camera”, आदि।
   • उदाहरण: <iframe src="https://www.example.com" allow="fullscreen"></iframe>
8. loading:
   • विवरण: यह एट्रिब्यूट इफ्रेम के लोडिंग व्यवहार को नियंत्रित करता है। मान “lazy” इफ्रेम को तभी लोड करेगा जब यह viewport के भीतर होगा।
   • उदाहरण: <iframe src="https://www.example.com" loading="lazy"></iframe>

निष्कर्ष

HTML फ्रेम्स और इफ्रेम्स का उपयोग वेब पेजों पर अन्य HTML दस्तावेजों को एम्बेड करने के लिए किया जाता है। हालांकि <frame> टैग HTML5 में अब समर्थित नहीं है, <iframe> टैग अभी भी व्यापक रूप से उपयोग किया जाता है। <iframe> टैग और इसके एट्रिब्यूट्स का सही उपयोग करने से आप अपने वेब पेज पर विभिन्न स्रोतों से सामग्री को आसानी से एम्बेड कर सकते हैं। अगले अध्याय में हम और अधिक HTML टैग्स और उनके उपयोगों के बारे में जानेंगे।