ফাইল পাথ

ফাইল পাথ একটি ওয়েব সাইটের ফোল্ডার কাঠামোতে কোনও ফাইলের অবস্থান বর্ণনা করে।

ফাইল পাথ এর উদাহরণ

নিচের উদাহারণ গুলো দেখলে কিছুটা ধারনা পাবেন ফাইল পাথ সম্পর্কে । আর নিতে আরো বিস্তারিত আকারে বোঝার জন্য একটি ভিডিও টিউটোরিয়াল ও দেয়া আছে ।

পাথবর্ণনা
<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

উদাহরণ

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<img src="https://kivabe.com/nature.jpg" alt="Beauty of Nature">
<img src="https://kivabe.com/nature.jpg" alt="Beauty of Nature">
<img src="https://kivabe.com/nature.jpg" alt="Beauty of Nature">

নিজে চেষ্টা করুন

<img> ট্যাগ এর বিস্তারিত ব্যবহার উদাহরণ সহ আলোচনা করা হয়েছে এইচটিএমএল ইমেজ

Relative File Paths / আপেক্ষিক ফাইল পাথ

রিলেটিভ ফাইল পাথ বর্তমান পৃষ্ঠার তুলনায় একটি ফাইলকে নির্দেশ করে।

নিচের উদাহরণে, ফাইল পাথ বর্তমান ওয়েবের রুটের মধ্যে অবস্থিত codes ফোল্ডারের একটি ফাইলকে নির্দেশ করে:

উদাহরণ

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<img src="/codes/sun-flower.jpg" alt="Sun Flower">
<img src="/codes/sun-flower.jpg" alt="Sun Flower">
<img src="/codes/sun-flower.jpg" alt="Sun Flower">

নিজে চেষ্টা করুন

নিম্নলিখিত উদাহরণে, File Path বর্তমান ফোল্ডারে অবস্থিত img ফোল্ডারের একটি ফাইলকে নির্দেশ করে

উদাহরণ

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<img src="img/sun-flower.jpg" alt="Sun Flower">
<img src="img/sun-flower.jpg" alt="Sun Flower">
<img src="img/sun-flower.jpg" alt="Sun Flower">

নিজে চেষ্টা করুন

নিম্নলিখিত উদাহরণে, ফাইল পাথ বর্তমান ফোল্ডার থেকে এক স্তর উপরে ফোল্ডারে অবস্থিত চিত্র ফোল্ডারের একটি ফাইলকে নির্দেশ করে:

উদাহরণ

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<img src="../images/color-bulb.png" alt="Color Bulb ">
<img src="../images/color-bulb.png" alt="Color Bulb ">
<img src="../images/color-bulb.png" alt="Color Bulb ">

নিজে চেষ্টা করুন

Best Practice

যদি সম্ভব হয়, আপেক্ষিক ফাইল পাথ ব্যবহার করা ভাল অনুশীলন 

আপেক্ষিক ফাইল পাথ ব্যবহার করার সময়, আপনার ওয়েব পৃষ্ঠাগুলি আপনার বর্তমান বেস URL টির সাথে আবদ্ধ হবে না। সমস্ত লিঙ্কগুলি আপনার নিজস্ব কম্পিউটারের (লোকালহোস্ট) পাশাপাশি আপনার বর্তমান পাবলিক ডোমেন এবং আপনার ভবিষ্যতের পাবলিক ডোমেনগুলিতে কাজ করবে।

এবং এতে করে যদি কখনও আপনার ডোমেইন নেম বদল হয়, তখন ও আপনার ফাইল গুলো কাজ করবে সুন্দর ।

ফাইল পাথ বোঝার জন্য ভিডিও টিউটোরিয়াল

কমেন্ট করুন

Your email address will not be published. Required fields are marked *