साइट खोज

एचटीएमएल में एक आइफ्रेम कैसे डालें: उपयोग करने का एक उदाहरण

साइट के निर्माण की शुरुआत में, वेब संसाधन पृष्ठों के अलग-अलग हिस्सों को प्रदर्शित करने के लिए बड़े पैमाने पर फ़्रेम का उपयोग करते थे। लेकिन एचटीएमएल 5 के नए संस्करण के आगमन के साथ, सब कुछ बदल गया है। मार्कअप तत्व <ढांचा>, <फ्रेमसेट> और <noframes> अप्रचलित माना जाता है उन्हें बदलना एक एकल टैग था - <iframe>। कैसे html <iframe> में जोड़ने के लिए? नीचे दिए गए उदाहरण प्रोग्रामिंग में शुरुआत करने के लिए भी समझा जायेंगे।

फ़्रेम क्या हैं?

एक फ्रेम सबसे पहले वेब पेजों का आधार है यदि आप सचमुच अनुवाद करते हैं, तो यह शब्द "फ़्रेम" का अर्थ है, अर्थात, फ़्रेम ब्राउज़र में पृष्ठ का एक छोटा सा हिस्सा है। अतीत में फ्रेम के व्यापक उपयोग को कम या ज्यादा इंटरनेट ट्रैफ़िक की लागत से समझाया जा सकता है। एक नियम के रूप में, साइट को 3-5 भागों में विभाजित किया गया, जिनमें से प्रत्येक ने एक निश्चित उद्देश्य को पूरा किया:

  • "कैप" (पृष्ठ की चौड़ाई पर शीर्ष फ्रेम) - संसाधन का नाम प्रदर्शित करें;
  • बाएं / दाएं "ग्लास" - मेनू आउटपुट;
  • केंद्रीय फ्रेम साइट सामग्री का प्रदर्शन है

html iframe उदाहरण

पृष्ठों को पृष्ठ में विभाजित करने से इसे केवल एक निश्चित हिस्सा अधिभारित करने की अनुमति मिलती है। उदाहरण के लिए, उपयोगकर्ता ने एक मेनू आइटम पर क्लिक किया और नई सामग्री केंद्रीय फ़्रेम पर डाउनलोड की गई थी।

एचटीएमएल 5 में आधुनिक फ्रेम

HTML का उपयोग क्यों करें <iframe>? एक उदाहरण तीसरे पक्ष के संसाधन से सामग्री को सम्मिलित करना है एक क्लासिक स्थिति तब होती है जब कोई वेब डेवलपर नक्शे पर ऑब्जेक्ट की स्थिति दिखाना चाहता है। कैसे हो? खरोंच से इलाके की योजना बनाएं? नहीं - एक सरल समाधान है: पृष्ठ पर Google मानचित्र, यांडेक्स मैप्स या 2 जीआईएस के एक तत्व को एम्बेड करने के लिए। समस्या चार कार्यों में हल हो गई है

  1. आपको किसी कार्टोग्राफिक सेवा के स्थल पर जाने की जरूरत है।
  2. वांछित वस्तु खोजें सटीक पता जानने के लिए, आप इसे खोज बॉक्स में दर्ज कर सकते हैं।
  3. कोड को सम्मिलित करने के लिए "सहेजें और प्राप्त कोड" बटन ("Yandex.Map" के लिए) या "पूर्ण" (Google नक्शे के लिए) का उपयोग करें।
  4. यह पृष्ठ पर उत्पन्न मार्कअप टैग दर्ज करने के लिए रहता है।

इसके अलावा, आप नक्शा आकार का चयन कर सकते हैं और अन्य प्रदर्शन विकल्पों को कॉन्फ़िगर कर सकते हैं।

html iframe उदाहरण

मैं HTML का उपयोग कैसे कर सकता हूं <iframe>? एक उदाहरण यूट्यूब संसाधन से वीडियो सामग्री का सम्मिलन है। मल्टीमीडिया तकनीक इंटरनेट उपयोगकर्ताओं को आकर्षित करती है, इसलिए वीडियो सामग्री बहुत लोकप्रिय है। वीडियो डेवलपर की स्थापना के साथ जल्दी से सामना करना होगा।

  1. आपको यूट्यूब पर अपना खुद का वीडियो अपलोड करना होगा या प्रसारण के लिए एक थर्ड-पार्टी फ़ाइल ढूंढनी चाहिए।
  2. "HTML" बटन को चुनकर टैग प्राप्त करें
  3. अंतिम कोड को HTML कोड <iframe> में सम्मिलित करना है टैग की सामग्री का एक उदाहरण नीचे चर्चा की जाएगी।

दोनों उदाहरण स्वचालित इस्तेमाल कियाकोड जनरेशन, लेकिन पेशेवर डेवलपर्स इसे स्वयं लिखने में सक्षम होना चाहिए। सबसे पहले, यह उन्हें पृष्ठ के लेआउट को समझने की अनुमति देगा और यदि आवश्यक हो, तो इसे संशोधित करें। दूसरा, हमेशा वेब तत्वों की भागीदारी के बिना साइट तत्वों का मार्कअप नहीं (भले ही वे बाहरी संसाधन से संबंधित हों)। डेवलपर की उच्च योग्यता यहां दी गई है।

iframe एचटीएमएल यह क्या है

वाक्य-विन्यास

इसलिए, पृष्ठ लेआउट शुरू करने से पहले, आपको आइफ्रेम (html) टैग पर विचार करना होगा: यह क्या है और इसका सही ढंग से उपयोग कैसे करना है

सबसे पहले, यह ध्यान दिया जाना चाहिए कि टैग जोड़ा गया है। उद्घाटन और समापन तत्वों के बीच सामग्री निर्दिष्ट करें जो ब्राउज़र में प्रदर्शित की जाएगी जो इस लेआउट तत्व का समर्थन नहीं करते हैं। टैग के मुख्य विशेषताएं:

  • चौड़ाई (चौड़ाई);
  • ऊंचाई (ऊंचाई);
  • स्रोत (भारित संसाधन का पता);
  • संरेखण (संरेखण विधि);
  • frameborder;
  • allowfullscreen।

इस प्रकार, <iframe> का कोड प्राप्त होता है। एचटीएमएल उदाहरण पूरी तरह से नीचे दिखाया गया है:

<iframe width = "560" height = "315" src = "https://someserver.com/" फ्रेमबॉर्ड = "0" स्वीकार्यस्लोकस> </ iframe>

परिणामस्वरूप अंकन में किसी भी अन्य साइट के पते को बदलने के लिए पर्याप्त है और यदि आवश्यक हो, तो किसी फ्रेम के आकार को ठीक करने के लिए।

</ p>
  • मूल्यांकन: