एचटीएमएल फ्रेम

Frame का उपयोग करके, आप एक ही ब्राउज़र विंडो में अधिक से अधिक एचटीएमएल दस्तावेज दिखा सकते हैं。

उदाहरण

अड्डीय फ्रेम
इस उदाहरण में, हमने तीन भिन्न दस्तावेजों का उपयोग करके एक अड्डीय फ्रेम बनाने के तरीके का प्रदर्शन किया है。
स्तरीय फ्रेम
इस उदाहरण में, हमने तीन भिन्न दस्तावेजों का उपयोग करके एक स्तरीय फ्रेम बनाने के तरीके का प्रदर्शन किया है。

इस पृष्ठ के नीचे अधिक उदाहरण दिखाए जाते हैं。)

Frame

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

Frame के दुष्प्रयोग:

  • डेवलपर को अधिक HTML दस्तावेजों को एक साथ ट्रैक करना होता है
  • सम्पूर्ण पृष्ठ को प्रिंट करना मुश्किल है
Frame संरचना टैग (<frameset>)
  • Frame संरचना टैग (<frameset>) विंडो को कैसे फ्रेम में विभाजित करने को परिभाषित करता है
  • प्रत्येक frameset एक श्रृंखला की निर्धारण करता हैयास्तम्भ
  • rows/columns के मान को प्रत्येक पंक्ति या स्तम्भ के लिए स्क्रीन के क्षेत्रफल निर्धारित करता है

संपादक की टिप्पणी:frameset टैग कुछ लेखों और पुस्तकों में फ्रेम सेट के रूप में भी अनुवाद की जाती है。

Frame टैग (Frame)

Frame टैग एक एचटीएमएल दस्तावेज को प्रत्येक फ्रेम में रखने के लिए परिभाषित करता है。

इस उदाहरण में, हमने दो स्तम्भ का फ्रेम सेट सेट किया है। पहला स्तम्भ 25% ब्राउज़र विंडो को आवर्धित करता है। दूसरा स्तम्भ 75% ब्राउज़र विंडो को आवर्धित करता है। HTML दस्तावेज "frame_a.htm" पहले स्तम्भ में स्थापित है, और HTML दस्तावेज "frame_b.htm" दूसरे स्तम्भ में स्थापित है:

<frameset cols="25%,75%">
   <frame src="frame_a.htm">
   <frame src="frame_b.htm">
</frameset>

बुनियादी चेतावनी - उपयोगी सुझाव:

यदि किसी फ्रेम के पास दृश्यमान किनारा है, तो उपयोगकर्ता इस किनारा को खींचकर इसका आकार बदल सकता है। इससे बचने के लिए, <frame> टैग में जोड़ सकते हैं: noresize="noresize"。

फ्रेम का समर्थन न करने वाले ब्राउज़र के लिए <noframes> टैग जोड़ें।

महत्वपूर्ण सुझाव:<body></body> टैग को <frameset></frameset> टैग के साथ नहीं इस्तेमाल किया जा सकता! हालांकि, यदि आप <noframes> टैग को एक टेक्स्ट सहित जोड़ते हैं, तो इसे <body></body> टैग के भीतर निहित करना चाहिए।(नीचे के पहले उदाहरण में इसे कैसे किया गया है, देखें।)

अधिक उदाहरण

<noframes> टैग का इस्तेमाल करने के तरीके
इस उदाहरण में <noframes> टैग का इस्तेमाल करने के तरीके को दिखाया गया है。
मिश्रित फ्रेम संरचना
इस उदाहरण में तीन दस्तावेज़ की फ्रेम संरचना को बनाने के तरीके को दिखाया गया है।इन्हें एक साथ वाले और स्तम्भ में मिलाया गया है。
noresize="noresize" गुण वाली फ्रेम संरचना
इस उदाहरण में noresize गुण का प्रदर्शन किया गया है।इस उदाहरण में फ्रेम अद्युक्त साइज के लिए है।फ्रेम के बीच की सीमा पर माउस को खींचते हुए, आपको देखा जाएगा कि सीमा गतिशील नहीं है।
नेविगेशन फ्रेम
इस उदाहरण में नेविगेशन फ्रेम को बनाने के तरीके को दिखाया गया है।नेविगेशन फ्रेम एक दूसरे फ्रेम को लक्ष्य के रूप में ले जाने वाली लिंक सूची को शामिल करता है।इस "contents.htm" फाइल में तीन लिंक हैं।
इनलाइन फ्रेम
इस उदाहरण में इनलाइन फ्रेम (HTML पृष्ठ में फ्रेम) को बनाने के तरीके को दिखाया गया है。
फ्रेम के भीतर के निर्दिष्ट खण्ड को जाने
इस उदाहरण में दो फ्रेम को दिखाया गया है।एक फ्रेम दूसरे फाइल के भीतर निर्दिष्ट खण्ड के लिंक को सेट करता है।इस "link.htm" फाइल में निर्दिष्ट खण्ड <a name="C10"> के द्वारा चिह्नित किया गया है।
फ्रेम के भीतर के निर्दिष्ट खण्ड को नेविगेशन से जाने
इस उदाहरण में दो फ्रेम को दिखाया गया है।बाएँ का नेविगेशन फ्रेम एक लिंक सूची को शामिल करता है जो दूसरे फ्रेम को लक्ष्य के रूप में ले जाता है।दूसरे फ्रेम में लिंक के द्वारा दिखाया गया दस्तावेज दिखाया जाता है।नेविगेशन फ्रेम के भीतर के लिंक लक्ष्य फाइल में निर्दिष्ट खण्ड को इंगित करते हैं।