আমি অনেক ওয়েবসাইট দেখি যেগুলো বাটন এবং লিংক (অ্যাঙ্কর এলিমেন্ট <a>) একে অপরের স্থানে ব্যবহার করে। কিন্তু সঠিক ব্যবহার করা কঠিন নয়, এখানে বেসিক গাইডলাইন:
লিংক (<a>) কখন ব্যবহার করবেন
লিংক (<a href="/go-here">link</a>) ব্যবহার করুন যদি আপনি চান ইউজার:
- এই পেজের অন্য সেকশনে যেতে
- আপনার ওয়েবসাইটের অন্য পেজে যেতে
- এক্সটার্নাল ওয়েবসাইটে (অন্য ডোমেইন) যেতে
বাটন (<button>) কখন ব্যবহার করবেন
বাটন (<button type="button">button</button>) ব্যবহার করুন যদি আপনি চান ক্লিক করলে JavaScript-চালিত একটি অ্যাকশন ট্রিগার হোক: যেমনঃ
- স্লাইড-ইন মেনু টগল করা
- পপ-আপ মডাল/ডায়ালগ খোলা
<button> কখন ব্যবহার করবেন তার এক পারফেক্ট উদাহরণ: এই ওয়েবসাইটের হেডারের Moon/Sun আইকন। এটিতে ক্লিক করলে কালার থিম লাইট থেকে ডার্কে টগল হয়।
ফরম ইনপুটের কেসে কী?
যদি আপনার ইউজার একটি ফরম সাবমিট করতে হয় (যেমন কন্টাক্ট ফরম), তবে আপনি সাবমিট ইনপুট এলিমেন্ট ব্যবহার করবেন:
<input type="submit" value="Submit" />