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