HTML फ़ाइल पथ स्थान के संदर्भ में "./" (डॉट स्लैश) क्या दर्शाता है?


228

मुझे पता ../है कि इसका मतलब एक रास्ता है, लेकिन ./वास्तव में इसका क्या मतलब है?

मैं हाल ही में एक ट्यूटोरियल के माध्यम से जा रहा था और यह उसी स्थान पर सिर्फ एक फ़ाइल का संदर्भ देता है, तो क्या यह बिल्कुल आवश्यक है? अगर यह सब कर रहा है तो क्या मैं इसका इस्तेमाल नहीं कर सकता?

जवाबों:


136

./वह फोल्डर है जो वर्किंग फाइल में है:

तो /index.htm ./रूट डायरेक्टरी है,
लेकिन /css/style.css ./सीएसएस फोल्डर है।

इसका कारण यह है अगर तुम से सीएसएस के लिए कदम याद रखना महत्वपूर्ण है /index.htmकरने के लिए /css/style.cssपथ बदल जाएगा।


45
यह प्रश्न का उत्तर कैसे देता है? जाहिरा तौर पर, साइमन Suh समझता है कि ./ उसी स्थान को संदर्भित करता है जहां संदर्भ फ़ाइल है। प्रश्न का मुख्य भाग तब है: "इसका उपयोग क्यों करना है और क्या यह बिल्कुल आवश्यक है?"। "फ़ाइल" के बजाय "./file" के सिंटैक्स को पसंद करने का एकमात्र कारण मुझे यह पता लगाने में सक्षम था कि / है। वर्तमान फ़ोल्डर का अर्थ है और केवल वर्तमान फ़ोल्डर। इसलिए यदि किसी प्रकार का टूल / कंपाइलर / आदि है जो फ़ाइल को खोजता है, तो './file' केवल चालू फ़ोल्डर में खोज करेगा, जबकि 'फ़ाइल' खोज के लिए उपकरण को कॉन्फ़िगर करने के लिए जहाँ भी खोजा जाएगा (जैसे रूट, वर्तमान फ़ोल्डर) , आदि)
मार्सेल टॉट

12
तो ./abc.htmबस और क्या फर्क है abc.htm?
तेमोह

12
@ Teemoh वे JS, HTML और CSS में समान हैं। "./" एक पुराना प्रोग्रामिंग कन्वेंशन है जो इन नई भाषाओं में किया जाता है। अन्य परिस्थितियों में उनका मतलब अलग-अलग चीजों से हो सकता है। जैसे। यदि एक "पथ" एक OS में सेट किया गया है। तो एक फ़ाइल हो सकती है और / .abc.exe नहीं हो सकता है।
कोमी

@MarcelToth आपको वास्तव में एक उत्तर के रूप में पोस्ट करना चाहिए!
एडम

285

/ वर्तमान ड्राइव की जड़ का मतलब है;

./ वर्तमान निर्देशिका का मतलब है;

../ वर्तमान निर्देशिका के जनक का अर्थ है।


क्या "शीर्ष लेख (" स्थान: ../ ");" मूल निर्देशिका में पुनर्निर्देशित?
घंटाघर

3
कैसे है ./index.html सिर्फ index.html से अलग है?
N-

1
मेरे पास एक टेम्पलेट से कोड का एक टुकड़ा है, इसमें यह शामिल है ././कि इसका क्या मतलब है?
आरोन फ्रेंके

120

आप निम्न सूची को त्वरित संदर्भ के रूप में उपयोग कर सकते हैं:

   /   = Root directory
   .   = This location
   ..  = Up a directory
   ./  = Current directory
   ../ = Parent of current directory
   ../../ = Two directories backwards

उपयोगी लेख: https://css-tricks.com/quick-reminder-about-file-paths/


13
"यह स्थान" और "वर्तमान निर्देशिका" में क्या अंतर है? धन्यवाद।
WebBrother

2
@WebBrother, जैसा कि यह निकला ।/ केवल गैर-सख्त सिद्धांत मोड में काम करता है, जबकि। दोनों मोड में काम करता है, यहाँ एक लिंक है stackoverflow.com/questions/296873/…
Makarov Sergey

धन्यवाद। यह स्पष्ट स्पष्टीकरण सिर्फ एक समस्या को हल करता है तो बुनियादी मैं जोर से पूछने के लिए शर्मिंदा था।
लीक एडी

57
.  = This location
.. = Up a directory

तो, ./foo.htmlबस है foo.html। और यह वैकल्पिक है, लेकिन इसकी प्रासंगिकता हो सकती है यदि किसी स्क्रिप्ट ने पथ उत्पन्न किया ( स्क्रिप्ट की प्रासंगिकता जो कि संदर्भ कैसे काम करती है)।


38

हां, ./वर्तमान कार्य निर्देशिका का मतलब है। आप फ़ाइल को सीधे नाम से संदर्भित कर सकते हैं, इसके बिना।


11

आप सही हैं कि आप इसे छोड़ सकते हैं। यह केवल स्पष्टता के लिए उपयोगी है। इसके होने और न होने के बीच कोई कार्यात्मक अंतर नहीं है।


16
It's useful only for clarity.या ओपी के मामले में भ्रम - और मेरा है। :)
एवेज़ सेप

जब आप html5 में जावास्क्रिप्ट फ़ाइल आयात करते हैं तो आप इसे छोड़ नहीं सकते। उदाहरण के लिए यदि u में फ़ोल्डर js और एक index.html फ़ाइल एक निर्देशिका में है: <script src = "./ js / main.js"> </ script> html 5 में घोषित सही है, लेकिन यदि आप इसे छोड़ देते हैं। ' संकेतन, यह फ़ाइल को लोड नहीं करेगा।
MaXi32

4
@ MaXi32 - आपके उदाहरण में, <script src="js/main.js"></script>फ़ाइल को HTML5 में लोड किया जाएगा./js/main.js
pmrotule

9

रास्तों के बारे में एक तेज और छोटा पुनरावृत्ति

पूर्ण पथ

http://website.com/assets/image.jpg
यदि छवि आपके डोमेन पर नहीं है - छवि के लिए वहां जाएं


//website.com/assets/image.jpg
http या https प्रोटोकॉल का उपयोग करके छवि लोड की गई


सापेक्ष पथ

(यदि आंतरिक उपयोग एक ही सर्वर पर हो तो)


image.jpg
छवि को कॉल करने वाले दस्तावेज़ के रूप में उसी स्थान पर छवि!


./image.jpg
ऊपर के समान, छवि को कॉल करने वाले दस्तावेज़ के समान स्थान पर छवि!


/assets/image.jpg
निरपेक्ष पथ की तरह, सिर्फ प्रोटोकॉल और डोमेन नाम को छोड़ते हुए
जाओ मेरी छवि खोज करने पर मेरे रूट फ़ोल्डर से शुरू /, में सेassets/


assets/image.jpg
इस समय संपत्ति दस्तावेज़ के समान स्थान पर है, इसलिए छवि के लिए संपत्ति में जाएं


../assets/image.jpg
दस्तावेज़ कहाँ से है, एक फ़ोल्डर वापस जाओ ../ और में जाओassets


../../image.jpg
जाने दो फ़ोल्डरों वापस , मेरे छवि है!


../../assets/image.jpg
जाने दो फ़ोल्डरों वापस ../../ और में जाने से assets


क्या डोमेन नाम का उपयोग किए बिना "अंतिम रूट पर जाएं और फिर इस पथ का अनुसरण करें" कहने का एक तरीका है (यानी, यदि आपको मंचन के माहौल में काम करने के लिए साइट की आवश्यकता है)? या आपको बस कुछ करना है जैसे ../../../../../../../../../../../../// ।। /../../../../../../../../../../../../../../../../। ./../..//ages/image.jpg और आशा है कि हर संभावित परिदृश्य को शामिल करता है?
मार्क चैपल

1
@ मर्क यदि मुझे आपका प्रश्न सही लगा, तो आपको रूट करने के लिए (अनिश्चित समय तक) वापस जाने की आवश्यकता है, फिर दर्ज करें images। सापेक्ष पथ और तीसरा उदाहरण देखें/images/image. jpg
रोको सी। बुल्जन

2

हाँ का ./अर्थ है वह निर्देशिका जो आप वर्तमान में हैं।


8
यह थोड़ा भ्रामक है। ./thisfile.txtहमेशा के बराबर नहीं है /thisfile.txt। यह पूरी तरह से पर निर्भर है क्या निर्देशिका कोड में क्रियान्वित किया गया है।
जॉन Newmuis

@JonathanNewmuis सही है ।/thisfile.txt स्पष्ट रूप से /thisfile.txt नहीं है
Coomie

इसलिए यदि कोड किसी अन्य स्थान पर निष्पादित होता है, ./तो मूल स्थान को संदर्भित करेगा?
कोडीबस्टीन

2

उदाहरण के लिए css फाइलें नाम के फोल्डर में हैं CSSऔर html फाइलें फोल्डर में हैं HTML, और ये दोनों फोल्डर में हैं जिसका XYZमतलब है कि हम css फाइल्स को html में देखें।

<link rel="stylesheet" type="text/css" href="./../CSS/style.css" />

यहाँ वर्तमान निर्देशिका को ..जाता है HTML
और .संदर्भित करता हैXYZ

--- इस तर्क के द्वारा आप सिर्फ इस रूप में संदर्भ देंगे:

<link rel="stylesheet" type="text/css" href="CSS/style.css" />

3
दूसरा संदर्भ "CSS/style.css"मेरे लिए काम नहीं आया, शायद आपका मतलब है "../CSS/style.css"?
अजाक्स333221

-1

त्वरित संदर्भ सूची के संदर्भ में, विशेष रूप से आप निम्नलिखित का उपयोग कर सकते हैं:

\। \ रूट निर्देशिका + वर्तमान निर्देशिका (ड्राइव पत्र)

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.