Tôi muốn một liên kết mà không làm gì cả. Tôi không muốn điều này:

<a href="#">

bởi vì khi đó URL trở thành something.com/whatever/#.

Lý do duy nhất tôi muốn có một liên kết là để người dùng có thể thấy rằng họ có thể nhấp vào văn bản. JavaScript đang được sử dụng để thực hiện một số hành động nên tôi không cần liên kết để đi đâu cả nhưng tôi cần nó giống như một liên kết!

Tôi có thể sử dụng một số thuộc tính dữ liệu và cho tôi biết CSS để làm cho các phần tử trông giống như liên kết nếu chúng có thuộc tính này nhưng nó có vẻ hơi quá mức cần thiết.

Điều sau sẽ ngăn chặn chạy href của bạn

<a href="#" onclick="return false;">

Nếu bạn đang sử dụng jQuery, event.preventDefault()có thể sử dụng

Thử đi:

<a href="javascript:void(0);">link</a>

Trong HTML5, điều này rất đơn giản. Chỉ cần bỏ qua hrefthuộc tính.

<a>Do Nothing</a>

Từ MDN trên thuộc tính thẻ href :

href

Đây là thuộc tính bắt buộc duy nhất để xác định liên kết nguồn siêu văn bản, nhưng không còn bắt buộc trong HTML5.

Con trỏ tay khi di chuột thì sao?

Các kiểu mặc định cho trình duyệt không được thay đổi con trỏ thành con trỏ, đối với acác thẻ không có href. Bạn hoàn toàn có thể thay đổi điều này bằng CSS sau.

a {
    cursor: pointer;
}

<a>Do Nothing</a>

Tuy nhiên, có lẽ tốt hơn là bạn nên chọn lọc hơn về nó và chỉ áp dụng nó cho những phần tử bạn định thêm trình xử lý sự kiện vào.

Điều gì về việc làm cho nó có thể lấy tiêu điểm theo tab?

Chỉ cần thêm tabindex="0"vào phần tử.

<a tabindex="0">Do Nothing</a>

Sử dụng athẻ không có liên kết có hợp lý không?

Thông thường là không, có lẽ tốt hơn là sử dụng một buttonphần tử và tạo kiểu bằng CSS. Nhưng bất cứ điều gì bạn sử dụng, hãy tránh sử dụng một phần tử tùy ý divkhi có thể, vì điều này không mang tính ngữ nghĩa gì cả.

Đừng đặt nó thành một liên kết (mặc dù nó được ưu tiên làm điều đó) và tạo kiểu nó bằng CSS để nó trông giống như một liên kết:

p.not-a-link { text-decoration: underline; cursor: pointer } 

Hoặc thậm chí tốt hơn chỉ cần tạo liên kết và để hàm javascript được sử dụng e.preventDefault()để ngăn liên kết.

Ngoài ra, hãy thêm liên kết vào hrefđể người dùng không bật JS vẫn có thể sử dụng nó (như một dự phòng).

<a href="javascript:;">Link text</a> - đó là những gì tôi thường sử dụng

Chúng ta có thể đạt được điều đó bằng cách sử dụng void javascript, thường liên quan đến việc đánh giá một biểu thức và trả về không xác định, bao gồm thêm javascript:void(0);vào href.

Toán tử void thường được sử dụng đơn thuần để lấy một giá trị nguyên thủy không xác định, thường sử dụng “void (0)” (tương đương với “void 0”). Trong những trường hợp này, biến toàn cục không xác định có thể được sử dụng thay thế (giả sử nó chưa được gán cho giá trị không mặc định).

a {
  text-decoration: initial;
}

<a href="javascript:void(0);"> This link actually does nothing when clicked</a>

Câu trả lời của @ Curt sẽ hoạt động, nhưng bạn có thể sử dụng kiểu con trỏ trong css để làm cho nó giống như một liên kết mà không cần phải bận tâm đến việc tạo ra một liên kết không có thật. Sử dụng tay hoặc con trỏ tùy thuộc vào trình duyệt.

Css con trỏ tuân thủ trình duyệt chéo (từ hướng dẫn kiểu con trỏ ):

element {
    cursor: pointer;
    cursor: hand;
}

một cách mà chưa ai đề cập là trỏ href đến một vị trí tệp cục bộ trống như vậy

<a href='\\'>my dead link</a>

tại sao? Nếu bạn sử dụng một khuôn khổ như phản ứng hoặc góc cạnh, trình biên dịch sẽ đưa ra một số cảnh báo có thể làm bẩn nhật ký hoặc bảng điều khiển của bạn. Kỹ thuật này cũng sẽ ngăn không cho robot hoặc nhện liên kết không chính xác mọi thứ.

KHÔNG SỬ DỤNG <a>... thay vào đó sử dụng <span class='style-like-link'> và sau đó sử dụng lớp để tạo kiểu cho nó theo cách bạn muốn.