লিঙ্ক এবং URL এর মধ্যে পার্থক্য কি?

একটি লিঙ্ক এবং একটি URL এর মধ্যে পার্থক্য কি, এবং এটি কি গুরুত্বপূর্ণ?

একটি লিঙ্ক এবং একটি URL এর মধ্যে পার্থক্য কোন ব্যাপার না যদি আপনি শুধুমাত্র একটি ওয়েব পৃষ্ঠার কিছু বিষয়বস্তুর সরাসরি পথ পাওয়ার বিষয়ে একটি নৈমিত্তিক কথোপকথন করছেন। আপনি যদি আপনার বন্ধুদের একজনের সাথে একটি দুর্দান্ত নিবন্ধ ভাগ করছেন তবে পছন্দ করুন৷

একটি উচ্চ (অ-প্রযুক্তিগত) স্তর থেকে, একটি লিঙ্ক একটি ক্লিকযোগ্য ব্যবহারকারী ইন্টারফেসকে বোঝায় যা আপনাকে একটি নির্দিষ্ট স্থানে নিয়ে যাবে। অবস্থান একটি URL দ্বারা সংজ্ঞায়িত করা হয়৷

দৃষ্টিগতভাবে, একটি লিঙ্ক একটি পাঠ্য উপাদান, একটি চিত্র, একটি বোতাম, বা অন্যান্য UI উপাদান দ্বারা প্রতিনিধিত্ব করা যেতে পারে — যেগুলি সমস্ত HTML কোড দ্বারা সংজ্ঞায়িত করা হয়েছে (পরে সে সম্পর্কে আরও)।

যদি এটি ক্লিকযোগ্য হয় এবং পৃষ্ঠের পিছনে একটি URL থাকে তবে এটি একটি লিঙ্ক৷

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

ঠিক আছে, আসুন একটু প্রযুক্তিগত কথা বলি।

একটি URL এর প্রযুক্তিগত কাঠামো

একটি URL-এ সাধারণত নিম্নলিখিত উপাদান, একটি প্রোটোকল, একটি ডোমেন নাম, একটি শীর্ষ-স্তরের ডোমেন এবং একটি স্লাগ থাকে৷ আসুন উদাহরণ হিসেবে আমার টাইপোগ্রাফি টিউটোরিয়ালগুলির একটির URL ব্যবহার করি:

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

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

Btw, URL মানে ইউনিভার্সাল রিসোর্স লোকেটার।

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

এইচটিএমএল কীভাবে একটি লিঙ্ক/ইউআরএল সংজ্ঞায়িত করে

সাধারণত, আপনি যখন একটি ওয়েবসাইটে একটি লিঙ্ক দেখেন, আপনি এটি একটি বাক্যের হাইলাইট করা অংশ হিসাবে দেখেন। এই টেক্সটটি লাইক করুন যা 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="/article/uploadfiles/202203/2022033109302583.png"
  width="150"
  height="150"
  alt="Eric Cartman"
/>

এখন কেবল this text প্রতিস্থাপন করুন এই মত আপনার ইমেজ উপাদান সঙ্গে:

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

এবং ফলাফল, একটি চিত্র যা একটি লিঙ্ক হিসাবে কাজ করে:

ছবিটির উপর আপনার মাউস সরানোর চেষ্টা করুন, এবং আপনি আপনার ব্রাউজারের নীচে বাম কোণে প্রদর্শিত এই ওয়েবসাইটের URL দেখতে পাবেন৷

আপনি যদি ছবিটিতে ক্লিক করেন তাহলে আপনাকে সামনের পৃষ্ঠায় নিয়ে যাওয়া হবে, কারণ অ্যাঙ্কর উপাদানের মধ্যে নির্দিষ্ট URL আছে। একটি নতুন ব্রাউজার ট্যাবে লিঙ্কটি খুলতে, ক্লিক করার সময় CMD (Mac) বা CTRL (Windows) ধরে রাখুন৷

লিঙ্ক বনাম URL শেষ করতে

আপনি যদি বেশিরভাগ লোককে জিজ্ঞাসা করেন, প্রযুক্তিবিদ বা অ-প্রযুক্তিবিদ:

• “অনুগ্রহ করে আমাকে X সম্পর্কে ওয়েবসাইটটির URL দিন”
• “অনুগ্রহ করে আমাকে X সম্পর্কে ওয়েবসাইটের লিঙ্ক দিন”

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

যাইহোক, যদি আপনাকে একটি ব্লগ পোস্টে একটি লিঙ্ক সন্নিবেশ করতে বলা হয়, তবে ইউআরএল ছাড়াও অনেকগুলি জিনিস থাকতে পারে যা আপনার বিবেচনার জন্য প্রাসঙ্গিক:

• আপনি এটিতে ক্লিক করলে লিঙ্কটি কি একটি নতুন ব্রাউজার ট্যাব খুলবে?
• এটি কি ফলো বা নো-ফলো লিঙ্ক (SEO সম্পর্কিত) হওয়া উচিত?
• লিঙ্কটি কি ধরনের বিষয়বস্তু মোড়ানো উচিত? টেক্সট? একটি ছবি?
• ইত্যাদি

তাই হ্যাঁ, একবার আপনি কিভাবে একটি লিঙ্ক আচরণ করা উচিত সে সম্পর্কে কথা বলা শুরু করেন প্রযুক্তিগত বিষয়গুলি প্রাসঙ্গিক হয়ে ওঠে এবং শুধুমাত্র URL বা লিঙ্ক প্রদানের বিষয়ে কথা বলা আর যথেষ্ট নয়৷ আপনি ব্যবহারকারীকে যেখানে যেতে চান সেই অবস্থানের পথ আপনি কীভাবে ব্যবহার করছেন এবং উপস্থাপন করছেন তার প্রসঙ্গও আপনাকে বুঝতে হবে।