एक पूर्ण और सापेक्ष यूआरएल पथ के बीच अंतर को समझना
वेब डिज़ाइन का कोई पहलू हाइपरलिंक्स से अधिक "वेब-केंद्रित" है (आमतौर पर "लिंक" के रूप में संदर्भित)। किसी पृष्ठ पर एक लिंक बनाने की क्षमता और पाठकों को अन्य सामग्री तक आसानी से पहुंचने की अनुमति देना परिभाषित लक्षणों में से एक है जो प्रिंट या प्रसारण मीडिया जैसे अन्य संचार माध्यमों से अलग वेबसाइटों को सेट करता है।
ये लिंक किसी पृष्ठ में जोड़ना आसान है, और वे अन्य वेबपृष्ठों पर हो सकते हैं, या तो आपकी साइट पर या वेब पर कहीं और। आप छवियों, वीडियो, या दस्तावेजों जैसे अन्य संसाधनों के लिंक भी प्राप्त कर सकते हैं। फिर भी, जितना आसान लिंक जोड़ना है, वे उन वस्तुओं में से एक भी हैं जो कई नए वेब डिज़ाइनर पहले समझने के लिए संघर्ष करते हैं, खासकर फ़ाइल पथ की अवधारणा के संदर्भ में और एक सापेक्ष पथ के विपरीत एक पूर्ण बनाम, साथ ही साथ जब किसी के बजाय दूसरे का उपयोग किया जाता है।
ऊपर वर्णित प्रत्येक लिंक उदाहरणों में, आपको यह विचार करने की आवश्यकता है कि आप अपनी साइट के उन विभिन्न पृष्ठों या संसाधनों से कैसे जुड़ेंगे। विशेष रूप से, आपको यह तय करने की आवश्यकता है कि आप किस प्रकार का यूआरएल पथ लिखेंगे। वेब डिज़ाइन में, लिंक बनाने के दो मानक तरीके हैं और दो प्रकार के पथ जिनका आप उपयोग कर सकते हैं:
- पूर्ण पथ
- सापेक्ष पथ
पूर्ण पथ यूआरएल
पूर्ण पथ यूआरएल का उपयोग करते हैं जो इंटरनेट पर एक बहुत ही विशिष्ट स्थान का संदर्भ देता है। इन पथों में लिंक पथ के हिस्से के रूप में एक डोमेन नाम शामिल होगा। इस वेब पेज के पूर्ण पथ का एक उदाहरण है:
https: // www। / वेब टाइपोग्राफी-101-3470009
जब आप अपने डोमेन के अलावा किसी अन्य डोमेन पर इंगित करना चाहते हैं तो आप आमतौर पर एक पूर्ण पथ प्राप्त करेंगे। उदाहरण के लिए, यदि मैं यहां किसी दूसरी वेबसाइट पर किसी पृष्ठ से लिंक करना चाहता था, तो मुझे उस लिंक के लिए पूरा यूआरएल शामिल करना होगा क्योंकि मैं एक डोमेन (वेब डिज़ाइन।) को दूसरे पर जाने के लिए छोड़ रहा हूं। वह लिंक उस लिंक के लिए "href" विशेषता के मान के रूप में उपयोग किए गए यूआरएल के साथ पेज के अंदर तत्व जोड़ देगा।
इसलिए यदि आप किसी भी चीज़ से लिंक कर रहे हैं जो "ऑफ साइट" है, तो आपको एक पूर्ण पथ का उपयोग करने की आवश्यकता होगी, लेकिन अपने डोमेन पर पृष्ठों या संसाधनों के बारे में क्या होगा? आप वास्तव में पूर्ण पथ का उपयोग कर सकते हैं भले ही आप अपनी साइट पर पृष्ठों से जुड़ रहे हों, लेकिन इसकी आवश्यकता नहीं है और, आपके विकास पर्यावरण के आधार पर, पूर्ण पथ समस्याएं पैदा कर सकते हैं।
उदाहरण के लिए, यदि आपके पास एक विकास वातावरण है जिसका उपयोग आप किसी वेबसाइट के निर्माण के दौरान करते हैं, और आप सभी यूआरएल को उस यूआरएल पर बिल्कुल कोड करते हैं, तो साइट पर लाइव होने पर उन्हें सभी को बदलने की जरूरत होगी। इस समस्या से बचने के लिए, किसी भी स्थानीय संसाधन के लिए फ़ाइल पथ संबंधित पथ का उपयोग करना चाहिए।
सापेक्ष पथ यूआरएल
सापेक्ष पथ पृष्ठ के लिंक के आधार पर बदलते हैं - वे पृष्ठ के सापेक्ष हैं कि वे एक हैं (इसलिए नाम)। यदि आप अपनी साइट पर किसी पृष्ठ से लिंक कर रहे हैं, या उस साइट पर "छवियों" निर्देशिका के अंदर एक छवि, एक सापेक्ष पथ वह है जिसका आप उपयोग करेंगे। सापेक्ष पथ एक पूर्ण पृष्ठ के विपरीत, किसी पृष्ठ के पूर्ण URL का उपयोग नहीं करते हैं, जिसे हमने अभी देखा है।
सापेक्ष पथ का उपयोग कर लिंक बनाने के कई नियम हैं:
- वर्तमान पृष्ठ के समान निर्देशिका में लिंक में कोई पथ जानकारी सूचीबद्ध फ़ाइल नाम नहीं है
- उप-निर्देशिकाएं किसी भी पिछले साप्ताहिक / फ़ाइल नाम के बिना सूचीबद्ध हैं
- एक निर्देशिका को लिंक करता है ../filename के रूप में सूचीबद्ध हैं
सापेक्ष पथ कैसे निर्धारित करें:
- सबसे पहले उस पृष्ठ के यूआरएल को परिभाषित करें जिसे आप संपादित कर रहे हैं। ऊपर सूचीबद्ध उदाहरण आलेख के मामले में, यह https: // www होगा। / वेब टाइपोग्राफी-101-3470009
- फिर पेज के लिए निर्देशिका पथ देखें। उस लेख के लिए, वह / वेब-टाइपोग्राफी-101-347000 9 है
आप यहां देखेंगे कि हम आगे के स्लैश (/) के साथ उस पथ को शुरू करके सापेक्ष पथ लिखते हैं। वह चरित्र ब्राउज़र को वर्तमान निर्देशिका की जड़ पर जाने के लिए कहता है। वहां से, आप अपने विशिष्ट संसाधन के लिए जो भी फ़ोल्डर्स या फ़ाइल नाम चाहते हैं, उन्हें फ़ोल्डर्स और दस्तावेजों पर ड्रिलिंग कर सकते हैं ताकि आखिरकार सटीक संसाधन पर उतर सकें जिसे आप लिंक करना चाहते हैं।
तो संक्षेप में - यदि आप "ऑफ साइट" से जुड़े हुए हैं, तो आप एक पूर्ण पथ का उपयोग करेंगे जिसमें आप जो भी कनेक्ट करना चाहते हैं उसका पूरा पथ शामिल है। यदि आप डोमेन पर किसी फ़ाइल से जुड़े हुए हैं, जिस पृष्ठ पर आप कोडिंग कर रहे हैं, तो आप उस सापेक्ष पथ का उपयोग कर सकते हैं जो आपके द्वारा पृष्ठ के फ़ाइल संरचना के माध्यम से अनिवार्य रूप से उस पृष्ठ से नेविगेट करता है, और आखिरकार संसाधन के लिए जो आपको चाहिए ।