ফাইল পাথ একটি ওয়েব সাইটের ফোল্ডার কাঠামোতে কোনও ফাইলের অবস্থান বর্ণনা করে।
ফাইল পাথ এর উদাহরণ
নিচের উদাহারণ গুলো দেখলে কিছুটা ধারনা পাবেন ফাইল পাথ সম্পর্কে । আর নিতে আরো বিস্তারিত আকারে বোঝার জন্য একটি ভিডিও টিউটোরিয়াল ও দেয়া আছে ।
পাথ | বর্ণনা |
<img src=”picture.jpg”> | “picture.jpg” ফাইলটি বর্তমান পৃষ্ঠার একই ফোল্ডারে অবস্থিত |
<img src=”images/picture.jpg”> | “picture.jpg” ফাইলটি বর্তমান ফোল্ডারের ভেতরে images ফোল্ডারে অবস্থিত |
<img src=”/images/picture.jpg”> | “picture.jpg” ফাইলটি বর্তমান ওয়েবের root folder এর images ফোল্ডারে অবস্থিত |
<img src=”../picture.jpg”> | “picture.jpg” ফাইলটি বর্তমান ফোল্ডার থেকে এক স্তর উপরে ফোল্ডারে অবস্থিত |
HTML File Paths
ফাইল পাথ একটি ওয়েব সাইটের ফোল্ডার কাঠামোতে কোনও ফাইলের অবস্থান বর্ণনা করে।
বাহ্যিক ফাইলগুলির সাথে লিঙ্ক করার সময় ফাইল পাথগুলি ব্যবহৃত হয়:
- Web pages
- Images
- Audio / Video Files
- Style sheets
- JavaScripts
Absolute File Paths / সম্পূর্ণ ফাইল পাথ
একটি পরম ফাইল পাথ হ’ল কোনও ফাইলের সম্পূর্ণ URL
<img> ট্যাগ এর বিস্তারিত ব্যবহার উদাহরণ সহ আলোচনা করা হয়েছে এইচটিএমএল ইমেজ এ
Relative File Paths / আপেক্ষিক ফাইল পাথ
রিলেটিভ ফাইল পাথ বর্তমান পৃষ্ঠার তুলনায় একটি ফাইলকে নির্দেশ করে।
নিচের উদাহরণে, ফাইল পাথ বর্তমান ওয়েবের রুটের মধ্যে অবস্থিত codes ফোল্ডারের একটি ফাইলকে নির্দেশ করে:
উদাহরণ
<img src="/codes/sun-flower.jpg" alt="Sun Flower">
নিম্নলিখিত উদাহরণে, File Path বর্তমান ফোল্ডারে অবস্থিত img ফোল্ডারের একটি ফাইলকে নির্দেশ করে
উদাহরণ
<img src="img/sun-flower.jpg" alt="Sun Flower">
নিম্নলিখিত উদাহরণে, ফাইল পাথ বর্তমান ফোল্ডার থেকে এক স্তর উপরে ফোল্ডারে অবস্থিত চিত্র ফোল্ডারের একটি ফাইলকে নির্দেশ করে:
উদাহরণ
<img src="../images/color-bulb.png" alt="Color Bulb ">
Best Practice
যদি সম্ভব হয়, আপেক্ষিক ফাইল পাথ ব্যবহার করা ভাল অনুশীলন
আপেক্ষিক ফাইল পাথ ব্যবহার করার সময়, আপনার ওয়েব পৃষ্ঠাগুলি আপনার বর্তমান বেস URL টির সাথে আবদ্ধ হবে না। সমস্ত লিঙ্কগুলি আপনার নিজস্ব কম্পিউটারের (লোকালহোস্ট) পাশাপাশি আপনার বর্তমান পাবলিক ডোমেন এবং আপনার ভবিষ্যতের পাবলিক ডোমেনগুলিতে কাজ করবে।
এবং এতে করে যদি কখনও আপনার ডোমেইন নেম বদল হয়, তখন ও আপনার ফাইল গুলো কাজ করবে সুন্দর ।