मैं अक्सर देखता हूं कि वेबसाइट्स बटन्स और लिंक्स (एंकर एलिमेंट्स <a>) को एक दूसरे के स्थान पर उपयोग करती हैं। लेकिन इसे सही करना मुश्किल नहीं है, यहां बुनियादी दिशानिर्देश हैं:
लिंक्स () कब उपयोग करें
लिंक (<a href="/go-here">link</a>) का उपयोग करें यदि आप चाहते हैं कि आपका उपयोगकर्ता:
- उसी पेज पर किसी अन्य सेक्शन पर जाए
- आपकी वेबसाइट पर किसी अन्य पेज पर जाए
- किसी बाहरी वेबसाइट (दूसरे डोमेन) पर जाए
बटन्स (
बटन (<button type="button">button</button>) का उपयोग करें यदि आप चाहते हैं कि क्लिक जावास्क्रिप्ट द्वारा संचालित एक्शन को ट्रिगर करे: उदाहरण:
- स्लाइड-इन मेनू टॉगल करें
- पॉपअप मॉडल/डायलॉग खोलें
<button> का उपयोग कब करना चाहिए इसका एक आदर्श उदाहरण इस वेबसाइट पर हेडर में Moon/Sun आइकन है। जब आप इस पर क्लिक करते हैं, तो यह कलर थीम को लाइट से डार्क में टॉगल करता है।
फॉर्म इनपुट्स के बारे में क्या?
यदि आपके उपयोगकर्ता को एक फॉर्म सबमिट करना है, जैसे संपर्क फॉर्म, तो आप एक सबमिट इनपुट एलिमेंट का उपयोग करते हैं:
<input type="submit" value="Submit" />