Thường thấy web dùng button và link (anchor <a>) lẫn lộn. Nhưng không khó để đúng, đây là hướng dẫn cơ bản:
Khi nào dùng link (<a>)
Dùng link (<a href="/go-here">link</a>) nếu muốn người dùng:
- đi đến phần khác trên cùng trang
- đi đến trang khác trên web bạn
- đi đến trang web bên ngoài (domain khác)
Khi nào dùng button (<button>)
Dùng button (<button type="button">button</button>) nếu muốn click kích hoạt hành động bằng JavaScript: ví dụ:
- bật/tắt menu trượt
- mở popup modal/dialog
Ví dụ hoàn hảo dùng <button> là icon Mặt trăng/Mặt trời ở header trang này. Nhấp vào nó chuyển đổi theme sáng/tối.
Form input thì sao?
Nếu người dùng submit form, như form liên hệ, dùng input type submit:
<input type="submit" value="Gửi" />