লিংক এবং URL-এর পার্থক্য কী?

একটি লিংক এবং একটি URL-এর মধ্যে পার্থক্য কী, এবং কি এটা মানে?

লিংক এবং URL-এর মধ্যে পার্থক্য মানে না যদি আপনি কেয়ুয়াল কনভারসেশন করছেন কোনো ওয়েব পেজের কন্টেন্টের ডায়রেক্ট পাথ পাওয়ার কথা। যেন আপনি আপনার বন্ডুর সাথে একটি গরেট আর্টিকেল শেয়ার করছেন।

হাই (নন-টেকনিক্যাল) লেভেল থেকে, একটি লিংক রেফার করে একটি ক্লিকযোগ্য ইউজার ইন্টারফেস যা আপনাকে একটি স্পেসিফিক লোকেশনে নিয়ে যাবে। লোকেশনটি একটি URL দ্বারা ডিফাইনড।

ভিজ্যুয়ালি, একটি লিংক রিপ্রেজেন্ট করা হয়েতে পারে একটি টেক্সট এলিমেন্ট, একটি ইমেজ, একটি বাটন, বা অন্যান্য UI এলিমেন্ট — যেগুলো সব HTML কোড দ্বারা ডিফাইনড (আরো بعدে সেটি নিয়ে আলোচনা)।

যদি এটি ক্লিকযোগ্য এবং সারফেসের পেছনে একটি URL থাকে, তবে সেটি একটি লিংক।

টেকি এবং নন-টেকি উভয়ই লিংক এবং URL টার্মগুলো একে অপরের inplace ব্যবহার করে, ঠিক একইভাবে যে লোকেরা টাইপফেস এবং ফন্টকে একই জিনিস বলে (যদিও টেকনিক্যালি সেগুলো এক নয়)। কিন্তু URLs এবং লিংকগুলোর মধ্যে পার্থক্য আছে যখন আপনি এটাকে টেকনিক্যালি ব্রেক ডাউন করবেন।

ঠিক আছে, একটু আরও টেকনিক্যাল হইয়া যাই।

একটি URL-এর টেকনিক্যাল স্ট্রাকচার

একটি URL সাধারণত নিচের এলিমেন্টগুলো ধারণ করে, একটি প্রোটোকল, একটি ডোমেইন নেম, একটি টপ-লেভেল ডোমেইন, এবং একটি স্লাগ। আমার একটি টাইপোগ্রাফি টিউটোরিয়ালের URL ব্যবহার করি উদাহরণ হিসেবে:

https:/techstacker.com/typography-italic-vs-bold

• https:// হলো প্রোটোকল
• techstacker হলো ডোমেইন নেম
• .com হলো টপ-লেভেল ডোমেইন
• typography-italic-vs-bold হলো স্লাগ

বিটivamente, URL står Universal Resource Locator-এর জন্য।

নরমাল-স্পিকলে উপরেরটিকে সাধারণত একটি লিংক বলা হয়। নন-টেকনিক্যাল পার্সপেক্টিভ থেকে, এটা ভুল নয়। টেকনিক্যালি, কিন্তু, URL শুধু একটা পার্ট যা একটি লিংক বানাতে হয়। URL উপরেরটিকে একটি ইন্টারঅ্যাক্টিভ, ক্লিকযোগ্য লিংক বানাতে, আমাদের সেটিকে আরেকটি এলিমেন্টের সাথে কম্বাইন করতে হবে, এবং সেটি HTML-এর জন্য।

HTML কীভাবে একটি লিংক/URL ডিফাইন করে

সাধারণত, আপনি ওয়েবসাইটে একটি লিংক দেখলে, সেটি একটি হাইলাইটেড পার্ট অফ এ সেন্টেন্স হিসেবে দেখেন। এই টেক্সটের মত যা TechStacker-এর ফ্রন্ট পেজে লিড করে।

• ভিজ্যুয়ালি উপরের হাইলাইটেড টেক্সট একটি ক্লিকযোগ্য লিংক হিসেবে দেখاয়।
• ভিজ্যুয়াল সারফেসের নিচে, একটি URL আছে একটি লোকেশন সহ

লিংক টেক্সট এবং URL দুটোই একটি HTML এ্যাঙ্কর এলিমেন্ট <a>-এর ভিতরে ডিফাইনড থাকে।

HTML এ্যাঙ্কর এলিমেন্টে একটি href অ্যাট্রিবিউট থাকে যার ভ্যালু এটির সোর্স — এবং ভ্যালুটিই হলো URL যা ক্লিক করার ব্যক্তিকে আপনার ডিফাইনড ডেস্টিনেশনে নিয়ে যাবে।

TechStacker ফ্রন্ট পেজের লিংকসহ প্যারাগ্রাফের HTML কোড:

<p> Usually when people talk about links, they refer to a highlighted part of a sentence, like <a href="https://techstacker.com">this text</a> that leads to TechStacker’s front page. </p>

লিংক তৈরি করার জন্য টেক্সট ছাড়া অন্যান্য UI এলিমেন্ট ব্যবহার করা

মান লইয়ে নিন আপনি একটি ইমেজকে লিংক হিসেবে কাজ করতে চান, এবং ইউজারকে ক্লিক করলে কোথাও লিড করতে চান। সেটি করতে, আপনি আপনার ইমেজ এলিমেন্ট <img> নিন এবং সেটিকে একটি এ্যাঙ্কর এলিমেন্টের ভিতরে র‍্যাপ করুন।

সেজন্য উপরের HTML উদাহরণ থেকে এ্যাঙ্কর এলিমেন্ট নিন:

<a href="https://techstacker.com">this text</a>

এবং এই ইমেজ এলিমেন্ট:

<img src="https://bd.wsxdn.com/UploadFiles_8203/202203/2022033109302583.png" width="150" height="150" alt="Eric Cartman" />

এখন সিম্পলি this text-কে আপনার ইমেজ এলিমেন্ট দিয়ে রিপ্লেস করুন এভাবে:

<a href="https://techstacker.com"> <img src="https://bd.wsxdn.com/UploadFiles_8203/202203/2022033109302583.png" width="150" height="150" alt="Eric Cartman" /> </a>

এবং ফলাফল, একটি ইমেজ যা লিংক হিসেবে কাজ করে:

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

আপনি যদি ইমেজে ক্লিক করেন, আপনি ফ্রন্ট পেজে যাবেন, কারণ এ্যাঙ্কর এলিমেন্টের ভিতরে নির্দিষ্ট URL। নতুন ব্রাউজার ট্যাবে লিংক খুলতে, ক্লিক করার সময় CMD (Mac) বা CTRL (Windows) ধরে রাখুন।

উপসংহার: লিংক vs URL

আপনি অধিকাংশ মানুষকে, টেকি বা নন-টেকি, যদি জিজ্ঞাসা করেন:

• “X সম্পর্কে ওয়েবসাইটের URL দিন”
• “X সম্পর্কে ওয়েবসাইটের লিংক দিন”

সামন Parteien সাধারণত তাদের ব্রাউজার অ্যাড্রেস বারে যাবে এবং URL কপি-পেস্ট করবে আপনাকে। তারা যা প্রোভাইড করছে সেটি টেকনিক্যালি একটি URL, কিন্তু আপনি যদি সেটিকে লিংক বলেন, কোনো হারম নেই, রেজাল্ট একই।

তবে যদি আপনাকে একটি ব্লগ পোস্টে একটি লিংক ইনসার্ট করতে বলা হয়, তবে URL-এর বেশি অনেক কিছু থাকতে পারে যেটি আপনার জন্য রিলেভেন্ট বিবেচনা করতে:

• লিংকটি ক্লিক করলে নতুন ব্রাউজার ট্যাবে খুলবে কি?
• সেটি ফলো বা নো-ফলো লিংক হবে কি (SEO রিলেটেড)?
• লিংকটি কী টাইপের কন্টেন্ট র‍্যাপ করবে? টেক্সট? একটি ইমেজ?
• ইত্যাদি।

তাই হ্যাঁ, একবার আপনি লিংক কীভাবে behave করবে সেটি নিয়ে কথা বলতে শুরু করলে, টেকনিক্যালিটি রিলেভেন্ট হয়ে যায়, এবং শুধু URL বা লিংক প্রোভাইড করার কথা বলা পেরফেক্ট নয়। আপনাকে লোকেশনটির পাথ কীভাবে আপনি দুজনই ইউজ এবং প্রেজেন্ট করছেন সেটির কনটেক্সট বুঝতেও হবে।