HTML में Frames और Frameset क्या हैं? (Frames and Framesets in HTML in Hindi)


HTML में Frames और Frameset क्या हैं? (Frames and Framesets in HTML in Hindi)

परिचय

HTML में Frames और Frameset का उपयोग वेब पेज को कई भागों (sections) में विभाजित करने के लिए किया जाता था। यह तकनीक एक ही ब्राउज़र विंडो में विभिन्न वेब पेजों को लोड करने की अनुमति देती थी। हालांकि, HTML5 में <frameset> और <frame> टैग को हटा दिया गया है और अब CSS और JavaScript से पेज लेआउट बनाए जाते हैं।

HTML Frames क्या हैं?

Frames का उपयोग वेब पेज को कई खंडों में विभाजित करने के लिए किया जाता है, जहां प्रत्येक खंड में एक अलग HTML पेज लोड हो सकता है। यह सुविधा तब उपयोगी थी जब एक ही पेज पर कई स्वतंत्र वेब पेज दिखाने की आवश्यकता होती थी।

HTML Frameset क्या है?

Frameset टैग का उपयोग कई फ्रेम्स को एक साथ जोड़ने के लिए किया जाता है। यह <body> टैग के स्थान पर उपयोग किया जाता है। Frameset के अंदर <frame> टैग का उपयोग किया जाता है, जो अलग-अलग वेब पेज लोड करने के लिए जिम्मेदार होता है।

HTML में Frameset का सिंटैक्स





    Frameset Example

Frames और Frameset के प्रकार

प्रकार विवरण उदाहरण
Column Wise Frameset वेब पेज को कॉलम में विभाजित करता है। <frameset cols="50%,50%">
Row Wise Frameset वेब पेज को पंक्तियों में विभाजित करता है। <frameset rows="50%,50%">
Nested Frameset एक Frameset के अंदर दूसरा Frameset होता है। <frameset rows="50%,50%"><frameset cols="50%,50%">
No Frames अगर ब्राउज़र फ्रेम्स को सपोर्ट नहीं करता, तो यह संदेश दिखाता है। <noframes>ब्राउज़र फ्रेम्स को सपोर्ट नहीं करता।</noframes>

Frameset का उपयोग

1. कॉलम-आधारित फ्रेम (Columns Based Frameset)

इस उदाहरण में वेब पेज को दो कॉलम में विभाजित किया गया है।





    Column Wise Frameset

2. पंक्ति-आधारित फ्रेम (Rows Based Frameset)

इस उदाहरण में वेब पेज को दो पंक्तियों में विभाजित किया गया है।





    Row Wise Frameset

3. नेस्टेड फ्रेम (Nested Frameset)

इसमें एक फ्रेम के अंदर दूसरा फ्रेम बनाया जाता है।





    Nested Frameset

4. No Frames Example

अगर ब्राउज़र फ्रेम्स को सपोर्ट नहीं करता है, तो यह विकल्प दिखाया जाएगा।





    No Frames Example


    
    


    <body>
        <p>आपका ब्राउज़र फ्रेम्स को सपोर्ट नहीं करता है।</p>
    </body>

HTML Frames और Frameset के लाभ

  • एक ही वेब पेज पर कई दस्तावेज़ लोड कर सकते हैं।
  • मुख्य मेनू को हर पेज पर लोड करने की आवश्यकता नहीं होती।
  • पेज के किसी भी हिस्से को रीफ्रेश किए बिना अपडेट किया जा सकता है।

HTML Frames और Frameset की सीमाएँ

  • HTML5 में Frameset टैग को हटा दिया गया है।
  • SEO (Search Engine Optimization) के लिए सही नहीं है, क्योंकि सर्च इंजन फ्रेम के कंटेंट को इंडेक्स नहीं कर पाते।
  • ब्राउज़र फ्रेम्स को सही तरीके से प्रदर्शित नहीं कर सकते हैं।
  • URL बदलते समय उपयोगकर्ता को भ्रमित कर सकता है।

HTML5 में Frames का विकल्प

HTML5 में <frameset> और <frame> टैग को हटा दिया गया है। अब वेब पेज को डिज़ाइन करने के लिए CSS Flexbox, Grid Layout और JavaScript का उपयोग किया जाता है।

CSS Grid Layout से फ्रेम जैसी संरचना बनाना





    CSS Grid Layout
    


    

        
यह मेनू सेक्शन है

        
यह कंटेंट सेक्शन है

निष्कर्ष

Frames और Frameset टैग HTML 4 तक उपयोग किए जाते थे, लेकिन HTML5 में इन्हें हटा दिया गया है। अब आधुनिक वेब डिज़ाइन में CSS और JavaScript का उपयोग करके फ्रेम जैसी संरचनाएँ बनाई जाती हैं। Frames का उपयोग SEO और ब्राउज़र संगतता के कारण सीमित था, इसलिए इसे HTML5 में हटा दिया गया।

Related Post