वेबसाइट में विभिन्न कार्यात्मकताओं के लिए कई पृष्ठ हैं। गंदगी से बचने और सामग्री को आसानी से संशोधित करने के लिए, डेवलपर्स ने विभिन्न वेब पेजों के लिए कई फाइलों को डिजाइन करने और इन पेजों को एक ही फाइल से जोड़ने को प्राथमिकता दी। HTML को धन्यवाद जो आसान पहुँच के लिए HTML फ़ाइल में अन्य HTML फ़ाइल को लिंक करने की कार्यक्षमता प्रदान करता है।
यह पोस्ट HTML फ़ाइल को किसी अन्य HTML फ़ाइल में शामिल करने की विधि प्रदर्शित करेगी।
HTML फ़ाइल में दूसरी HTML फ़ाइल कैसे शामिल करें?
एक HTML फ़ाइल को दूसरी HTML फ़ाइल में जोड़ने के लिए, दिए गए निर्देशों का पालन करें।
चरण 1: पहला पृष्ठ बनाएँ
सबसे पहले, एक 'बनाएं <दिव> 'कंटेनर और नाम के साथ क्लास असाइन करें' firstdiv ”। फिर, अनुच्छेद तत्व में कुछ पाठ एम्बेड करें ' ':
< डिव कक्षा = 'फर्स्टडिव' >
< पी > हैलो यह मेरा पहला HTML पेज है पी >
डिव >
यह देखा जा सकता है कि अनुच्छेद तत्व में जोड़ा गया पाठ वेब पेज पर दिखाया गया है:
चरण 2: दूसरा पृष्ठ बनाएँ
एक दूसरा पेज बनाएं, एक कंटेनर जोड़ें ' <दिव> ” और
यह मेरा दूसरा एचटीएमएल पेज है
डिव >
आगे की प्रक्रिया के लिए पहले पृष्ठ पर वापस जाएँ।
चरण 3: दूसरे पृष्ठ के लिए स्थान परिभाषित करें
एक खाली डिव कंटेनर बनाएं और 'नामक एक वर्ग शामिल करें' प्रोस्ट्रेट दूसरे HTML पेज के लिए पहले HTML पेज में जगह खोजने के लिए:
< डिव कक्षा = 'गंभीर' >> डिव >चरण 4: दूसरी फ़ाइल को पहली फ़ाइल में शामिल करें
अगला, '<स्क्रिप्ट>' टैग जोड़ें और स्क्रिप्ट के प्रकार को 'के रूप में परिभाषित करें' टेक्स्ट/जावास्क्रिप्ट ”। HTML पेज में जावास्क्रिप्ट कोड को एम्बेड करने के लिए स्क्रिप्ट टैग का उपयोग किया जाता है। दूसरे HTML पृष्ठ को पहले पृष्ठ में लोड करने के लिए, एक साधारण फ़ंक्शन को परिभाषित करें जो वर्ग की सहायता से खाली div कंटेनर तक पहुंच जाएगा ' .sacdiv ”। फिर, 'का उपयोग करके दूसरा पृष्ठ लोड करें' ।भार ' समारोह:
< लिखी हुई कहानी प्रकार = 'पाठ/जावास्क्रिप्ट' >$ ( समारोह ( ) {
$ ( '.secdiv' ) ।भार ( 'second_page.html' ) ;
} ) ;
लिखी हुई कहानी >
परिणामस्वरूप, दूसरा HTML पेज पहले HTML पेज में सफलतापूर्वक लोड हो जाता है:
वह सब एक HTML फ़ाइल में एक अन्य HTML फ़ाइल को शामिल करने के बारे में था।
निष्कर्ष
एक HTML फ़ाइल में एक और HTML फ़ाइल शामिल करने के लिए, पहले एक “बनाएँ” <दिव> 'कंटेनर, असाइन करें' कक्षा ” विशेषता और कुछ पाठ जोड़ें। फिर, उसी प्रक्रिया के साथ एक और “