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

हालाँकि हाल के वर्षों में अधिक आधुनिक और लचीली तकनीकों, जैसे कि CSS और को अपनाने के कारण इसके उपयोग में गिरावट आई है जावास्क्रिप्ट, अभी भी कुछ वेबसाइटों पर पाया जा सकता है, विशेष रूप से 1990 के दशक और 1990 के दशक की शुरुआत में। 2000 का।

HTML में फ्रेम या फ्रेम कैसे काम करते हैं?

फ्रेम दो तत्वों से बने होते हैं:

1. फ्रेमसेट: तत्व ब्राउज़र विंडो को आयताकार खंडों में विभाजित करने के लिए उपयोग किया जाता है, जिनमें से प्रत्येक अपने स्वयं के HTML दस्तावेज़ को लोड कर सकता है।

instagram story viewer

2. फ़्रेम: तत्व ए के भीतर प्रयोग किया जाता है व्यक्तिगत वर्गों में से प्रत्येक को परिभाषित करने के लिए। और यह फ्रेमसेट के अंदर लोड किए गए किसी अन्य दस्तावेज़ को कॉल करने के लिए भेजता है।

• साथ में पीछा करना: आईफ्रेम उदाहरण

HTML में फ्रेम कैसे बनाये

फ़्रेम के साथ HTML दस्तावेज़ बनाने के लिए, दो बहुत ही सरल चरणों का पालन करें:

1. एक HTML दस्तावेज़ बनाएँ जो तत्व का उपयोग करके फ़्रेम की संरचना को परिभाषित करता है. उदाहरण के लिए:

फ़ाइल 1: फ्रेमसेट.html

2. फ़्रेम के भीतर लोड करने के लिए एक या अधिक HTML दस्तावेज़ बनाएँ।

फाइल 2: फ्रेम1.html

यह फ्रेम 1 है

फाइल 3: फ्रेम2.html

यह फ्रेम 2 है

HTML में फ़्रेम विशेषताएँ

कुछ सबसे महत्वपूर्ण तत्व विशेषताएँ हैं:

• स्क्रॉल: इस विशेषता का उपयोग फ्रेम में स्क्रॉलबार की उपस्थिति को नियंत्रित करने के लिए किया जाता है। इसमें "ऑटो", "हां" या "नहीं" मान हो सकते हैं।

• noresize: इस विशेषता का उपयोग उपयोगकर्ता को फ्रेम का आकार बदलने से रोकने के लिए किया जाता है।

• रतालू: इस विशेषता का उपयोग फ्रेम को एक नाम देने के लिए किया जाता है, जो लिंक और स्क्रिप्ट में फ्रेम को संदर्भित करने के लिए उपयोगी हो सकता है।

• स्रोत: इस एट्रिब्यूट का उपयोग फ़्रेम में लोड किए जाने वाले HTML दस्तावेज़ के URL को निर्दिष्ट करने के लिए किया जाता है।

• ढांचा सीमा: यह विशेषता निर्दिष्ट करती है कि फ्रेम में सीमाएं होनी चाहिए या नहीं। संभावित मान "1" (सीमा दिखाने के लिए) या "0" (कोई सीमा नहीं दिखाने के लिए) हैं। उदाहरण के लिए, .

• सीमा: यह विशेषता फ्रेम के बीच की सीमा की चौड़ाई पिक्सेल में परिभाषित करती है। उदाहरण के लिए, फ्रेम के बीच एक 5px बॉर्डर बनाएगा।

• फ्रेमस्पेसिंग: यह विशेषता समान है सीमा. यह फ़्रेम के बीच की जगह को पिक्सेल में भी परिभाषित करता है। उदाहरण के लिए, फ़्रेम के बीच 10px का अंतर सेट करेगा।

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

उपयोग उदाहरण:

किसी विशिष्ट फ्रेम से कैसे लिंक करें

हम विशेषता का उपयोग करके एक लिंक को एक विशिष्ट फ्रेम में खोल सकते हैं लक्ष्य लेबल में. का मान है लक्ष्य फ्रेम नाम के समान होना चाहिए (रतालू की विशेषता ). उदाहरण के लिए:

menu.html में
पृष्ठ 1
पेज 2

इस स्थिति में, मेनू फ्रेम में "पेज 1" या "पेज 2" ​​लिंक पर क्लिक करने से संबंधित पेज "कंटेंट" फ्रेम में लोड हो जाएगा।

तख्ते कैसे तोड़े

यदि आप लिंक को फ्रेमसेट के बाहर एक पृष्ठ खोलने के लिए चाहते हैं (अर्थात पूरे फ्रेमसेट को बदलें), तो आप विशेष मान का उपयोग कर सकते हैं _ऊपर विशेषता के लिए लक्ष्य. उदाहरण के लिए:

menu.html में
फ्रेम से बाहर जाओ

जब आप "फ़्रेम से बाहर निकलें" पर क्लिक करते हैं, तो ब्राउज़र फ़्रेमसेट की जगह "pageOutofFrames.html" को पूरी विंडो में लोड कर देगा।

स्क्रीन को फ्रेम के साथ दो कॉलम में विभाजित करने का उदाहरण

यह उदाहरण स्क्रीन को समान आकार के दो स्तंभों में विभाजित करता है। प्रत्येक कॉलम एक अलग HTML पेज लोड करता है।

फ़्रेम के साथ एक नेविगेशन साइडबार बनाने का उदाहरण

यह उदाहरण एक साइडबार बनाता है जो स्क्रीन का 25% हिस्सा लेता है और नेविगेशन के लिए उपयोग किया जाता है। शेष स्क्रीन का उपयोग मुख्य सामग्री प्रदर्शित करने के लिए किया जाता है।

उदाहरण स्क्रीन को पंक्तियों और स्तंभों में विभाजित करने के लिए

यह अधिक जटिल उदाहरण स्क्रीन को चार बराबर भागों में विभाजित करता है। प्रत्येक अनुभाग एक अलग HTML पृष्ठ लोड करता है।

एचटीएमएल फ्रेम के साथ शीर्ष नेविगेशन का उदाहरण

एक फ़ाइल बनाएँ जो एक पंक्ति में दो फ़्रेमों को परिभाषित करती है। यह जिन दो फाइलों को परिभाषित करता है वे हैं: एक नेविगेशन के लिए (जो विंडो की चौड़ाई का 20% हिस्सा लेती है) और एक मुख्य सामग्री के लिए (जो विंडो की बाकी चौड़ाई लेती है)।

इसके बाद, आपको "navigation.html" और "content.html" फ़ाइलें बनानी होंगी। उदाहरण के लिए, "navigation.html" ऐसा दिखाई दे सकता है:

पृष्ठ 1

पेज 2

पेज 3


और "content.html" कुछ ऐसा हो सकता है:

हमारी वेब साईट में स्वागत है!

यहां नेविगेशन में चयनित पेज की सामग्री जाएगी।

इस स्थिति में, जब आप "navigation.html" में किसी लिंक पर क्लिक करते हैं, तो संबंधित पृष्ठ "सामग्री" फ़्रेम में लोड हो जाता है।