HTML-এ অ্যাঙ্কর (<a>) লিংক ব্যবহার করে আপনি অন্য পেজ বা অন্য ওয়েবসাইটে লিংক করতে পারেন। কিন্তু একটি ওয়েব পেজের নির্দিষ্ট অংশে কীভাবে লিংক করবেন?
উত্তর হলো জাম্প লিংক।
জাম্প লিংক হলো এমন লিংক যা শুধু পেজ লোড করে না, বরং ওয়েব পেজের একটি নির্দিষ্ট অংশে "জাম্প" করে নেমে আসে। আপনি এগুলো আপনার ওয়েবসাইটের ভিতরে অন্য পেজে লিংক করার জন্য ব্যবহার করতে পারেন, এবং এগুলো বাহ্যিকভাবে শেয়ার করাও যাবে।
এই লিংকগুলো ইউজার কোথা থেকে আসছে সেটা থেকে স্বতন্ত্রভাবে কাজ করে, এবং এগুলো কাজ করার জন্য বেসিক HTML ছাড়া আর কিছুই দরকার নয়।
অ্যাঙ্কর জাম্প লিংক তৈরি করা
HTML-এ, আপনি টেক্সটের সাথে <a> ট্যাগের একটি সেট ব্যবহার করে একটি অ্যাঙ্কর লিংক তৈরি করতে পারেন। উদাহরণ:
<a>Here is a link that doesn't go anywhere!</a>লিংক টার্গেটের জন্য id অ্যাট্রিবিউট ব্যবহার করুন
এখন, একটি জাম্প লিংক তৈরি করতে, আমাদের একটি লিংক এবং একটি টার্গেট দরকার। টার্গেট হতে পারে ওয়েব পেজের যেকোনো এলিমেন্ট যাতে "id" অ্যাট্রিবিউট থাকে।
খুব সাধারণ একটি টার্গেট হলো হেডলাইন বা সাবহেডলাইন H ট্যাগ ব্যবহার করে যেমন <h1>, <h2>, <h3>, ইত্যাদি। সাধারণত, এই উদ্দেশ্যে যেকোনো H ট্যাগে id যোগ করা একটি ভাল অভ্যাস।
ধরা যাক, আমাদের একটি খুব লম্বা ওয়েব পেজ আছে, এবং আমরা পেজের একটি সেকশনে লিংক করতে চাই যা নিচের মতো দেখায়:
<h2 id="extra_content">Extra content we don't want to link to</h2> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sed porta est, nec pretium lectus. Quisque sit amet porta risus, sed faucibus magna. </p> <h2 id="linked_content">Subheadline of a section to link to</h2> <p> Vivamus orci erat, sagittis vitae aliquam at, pretium sagittis neque. Curabitur vel eros in turpis elementum sollicitudin. </p>URL-এ এলিমেন্টে লিংক করুন
এখন টার্গেট এলিমেন্ট পাওয়ার পর, আমরা পেজের URL-এর শেষে #linked_content যোগ করে একটি জাম্প লিংক তৈরি করতে পারি। টার্গেটের id কী, সেটি # (পাউন্ড/হ্যাশট্যাগ) চিহ্নের পর যোগ করুন।
যদি আমরা একই পেজে থাকি এবং একই পেজের একটি সেকশনে নিচে জাম্প করতে চাই, তবে আমরা একটি ইন্টারনাল লিংক তৈরি করতে পারি। একটি ইন্টারনাল লিংকে লিংকের href অ্যাট্রিবিউটে https://www.WebsiteName.com থাকার দরকার নেই।
একটি ইন্টারনাল জাম্প লিংক উদাহরণ:
<a href="#linked_content">Link to the subheadline on the same page</a>যদি আপনি লিংকটি অন্য ওয়েবসাইটে যোগ করেন বা সোশ্যাল মিডিয়া বা ইমেইলে শেয়ার করেন? আপনি একই কাজ করতে পারেন পূর্ণ URL-এর শেষে #linked_content যোগ করে:
<a href="https://www.WebsiteName.com/PageName/#linked_content">Link to the subheadline on the same page</a>name অ্যাট্রিবিউট সম্পর্কে নোট
অতীতে, এই ধরনের জাম্প লিংক টার্গেট করা হতো ব্ল্যাঙ্ক অ্যাঙ্কর লিংকে "name" অ্যাট্রিবিউট ব্যবহার করে। HTML5 অনুযায়ী এই পদ্ধতি অপ্রচলিত, Mozilla Developer Network অনুযায়ী। এটি কিছু ব্রাউজারে এখনও কাজ করতে পারে, কিন্তু আমি বর্তমান পদ্ধতি ব্যবহার করার পরামর্শ দিই।
আশা করি এটি আপনাকে একটি ওয়েব পেজের নির্দিষ্ট অংশে জাম্প লিংক তৈরি করতে সাহায্য করবে!
