Tôi thường thấy các trang web sử dụng các nút và liên kết (phần tử neo <a> ) thay thế cho nhau. Nhưng không khó để làm đúng, đây là các nguyên tắc cơ bản:
Khi nào sử dụng liên kết ()
Sử dụng liên kết (<a href="/go-here">link</a> ) nếu bạn muốn người dùng của mình:
- chuyển đến một phần khác trên cùng một trang
- chuyển đến một trang khác trên trang web của bạn
- truy cập một trang web bên ngoài (một miền khác)
Khi nào sử dụng các nút (
Sử dụng nút (<button type="button">button</button> ) nếu bạn muốn các nhấp chuột để kích hoạt một hành động được hỗ trợ bởi JavaScript:ví dụ:
- chuyển đổi menu dạng trượt
- mở phương thức / hộp thoại bật lên
Một ví dụ hoàn hảo về thời điểm sử dụng <button> là biểu tượng Mặt trăng / Mặt trời trong tiêu đề trên trang web này. Khi bạn nhấp vào nó, nó sẽ chuyển đổi chủ đề màu từ nhạt sang đậm.
Còn đầu vào biểu mẫu thì sao?
Nếu người dùng của bạn phải gửi biểu mẫu, chẳng hạn như biểu mẫu liên hệ, thì bạn sử dụng yếu tố đầu vào gửi:
<input type="submit" value="Submit" />