एक और में एक एचटीएमएल फ़ाइल कैसे शामिल करें

एचटीएमएल का उपयोग करना आपकी साइट के प्रबंधन को बहुत सरल बना सकता है

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

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

वेब डिज़ाइन को अधिक कुशल बनाने में कैसे शामिल है

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

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

आइए देखें कि आप इस कार्यक्षमता को अपनी साइट में जोड़ सकते हैं और कई अन्य लोगों में एक HTML फ़ाइल शामिल कर सकते हैं।

सामग्री प्रबंधन प्रणालियों में दोहराया गया सामग्री

यदि आपकी साइट एक सीएमएस का उपयोग करती है , तो संभव है कि कुछ टेम्पलेट्स या थीम का उपयोग उस सॉफ्टवेयर का हिस्सा हो। भले ही आप इन टेम्पलेट्स को स्क्रैच से कस्टम बनाते हैं, फिर भी साइट पेज के लिए इस ढांचे को ले जाती है।

इस प्रकार, उन सीएमएस टेम्पलेट्स में साइट के उन क्षेत्र शामिल होंगे जो प्रत्येक पृष्ठ पर दोहराए जाते हैं। आप बस सीएमएस के बैकएंड में लॉगिन करते हैं और आवश्यक टेम्पलेट्स को संपादित करते हैं। उस टेम्पलेट का उपयोग करने वाले साइट के सभी पृष्ठ अपडेट किए जाएंगे।

भले ही आपके पास अपनी साइट के लिए सामग्री प्रबंधन प्रणाली न हो, फिर भी आप शामिल फ़ाइलों का लाभ उठा सकते हैं। एचटीएमएल में, ऐसे शामिल हैं जो आपकी साइट के इन टेम्पलेटेड क्षेत्रों को आसान बनाने में मदद कर सकते हैं।

एचटीएमएल क्या शामिल है?

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

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

सर्वर साइड का उपयोग करना शामिल है

सर्वर साइड में एसएसआई के रूप में भी जाना जाता है, जिसे पहले वेब डेवलपर्स को अन्य पृष्ठों के अंदर HTML दस्तावेज़ों को "शामिल" करने की अनुमति देने के लिए विकसित किया गया था।

असल में, एक दस्तावेज़ में पाया जाने वाला एक स्निपेट दूसरे में शामिल होता है जब पृष्ठ सर्वर पर चलाया जाता है और वेब ब्राउज़र पर भेजा जाता है।

एसएसआई अधिकांश वेब सर्वरों पर शामिल है, लेकिन इसे काम करने के लिए आपको इसे सक्षम करना पड़ सकता है। यदि आपको नहीं पता कि आपका सर्वर एसएसआई का समर्थन करता है, तो अपने होस्टिंग प्रदाता से संपर्क करें।

यहां एक उदाहरण दिया गया है कि आप अपने सभी वेब पृष्ठों में HTML का एक स्निपेट शामिल करने के लिए एसएसआई का उपयोग कैसे कर सकते हैं:

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

PHP का उपयोग शामिल है

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

एसएसआई की तरह, PHP एक सर्वर स्तर की तकनीक है। यदि आप सुनिश्चित नहीं हैं कि आपकी वेबसाइट पर PHP कार्यक्षमता है, तो अपने होस्टिंग प्रदाता से संपर्क करें।

यहां एक साधारण PHP स्क्रिप्ट है जिसका उपयोग आप किसी भी PHP- सक्षम वेब पेज पर HTML का स्निपेट शामिल करने के लिए कर सकते हैं:

  1. फ़ाइलों को अलग करने के लिए नेविगेशन जैसे आपकी साइट के सामान्य तत्वों के लिए HTML को सहेजें। उदाहरण के लिए, आपका नेविगेशन अनुभाग नेविगेशन . html या नेविगेशन.एसएसआई के रूप में सहेजा जा सकता है
  2. प्रत्येक पृष्ठ में HTML शामिल करने के लिए निम्न PHP कोड का उपयोग करें ( अपनी फ़ाइल के पथ को प्रतिस्थापित करना और उद्धरण चिह्नों के बीच फ़ाइल नाम )। navigation.php ");?>
  3. इस पृष्ठ को प्रत्येक पृष्ठ पर जोड़ें जिसमें आप फ़ाइल शामिल करना चाहते हैं।

जावास्क्रिप्ट शामिल है

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

यहां बताया गया है कि आप जावास्क्रिप्ट का उपयोग करके HTML का एक स्निपेट कैसे शामिल कर सकते हैं :

  1. अपनी साइट के सामान्य तत्वों के लिए HTML फ़ाइल को HTML फ़ाइल में सहेजें। इस फ़ाइल में लिखे गए किसी भी एचटीएमएल को दस्तावेज़.write फ़ंक्शन के साथ स्क्रीन पर मुद्रित किया जाना चाहिए।
  2. उस फ़ाइल को अपनी वेबसाइट पर अपलोड करें।
  3. अपने पृष्ठों पर जावास्क्रिप्ट फ़ाइल को शामिल करने के लिए