使用按鈕而不是單個頁面的Web應用程序的鏈接

Question

我正在創建一個Web應用程序，它具有更改單個頁面上的元素的命令列表。該頁面100％依賴於JavaScript。因此，我編寫這些鏈接：

<a href="#">Command #1</a> 

懷疑，這是語義上是正確的，我發現很多地方，說明我應該使用button代替。

這是有道理的，但意味着我必須改變一個按鈕的樣式，看起來像一個鏈接，感覺哈克。這是正確的方法嗎？

Answer 1

HTML5規範是在相當清楚，你不應該使用a：

如果a元素有href屬性，那麼它表示超鏈接（超文本錨）。

的definition of "hyperlink"是：

這些鏈接到其他資源[...]

所以，不要在您的單頁Web應用程序 「動作」 使用a。

你應該與button或resp。input（我會說type的值爲button）。

如果您想要深入瞭解更新的HTML5內容，請參閱menu和command。

---

只是可以肯定：你不應該「提高」其他元素（如span或div）與JS要像鏈接/按鈕。如果沒有進一步的工作，這將是無法訪問的。

Answer 2

我不認爲使用鏈接在語義上是不正確的。如果它讓你感覺更好，你可以將鏈接設置爲按鈕。否則，如果仍然以錯誤的方式揉搓你，那麼設計一個按鈕看起來就像是一個鏈接沒有任何不妥。您的應用程序的功能應該與您呈現按鈕的方式無關，只要它們執行相同的操作並符合您的期望。

正如評論中所提到的，如果您想使用按鈕，請記住它們的樣式爲表單元素，並且使用錨標籤可能會更困難。

Answer 3

您給元素的風格與它的語義上是否正確的代碼無關，所以我不會太擔心。

Links是爲了將用戶鏈接到網頁上的頁面。

HTML Input元素旨在接受用戶輸入並與他們做事。

基於這個簡單的啓發式，我會說一個按鈕！

Answer 4

兩者在技術上都很好用。對我而言，如果它是文本鏈接，那麼我會使用<a>標記，如果它是表單按鈕或圖像，請使用<button>。這樣你就符合要素的用途了。

Answer 5

一般來說，我更喜歡使用div的這些東西。鏈接帶有許多固有的瀏覽器樣式，對於按鈕更是如此。 Div唯一的規則是display：block。所以它爲我節省了一些重置css行。另外它可以節省我一些js代碼來防止默認行爲。再加上這樣的事實，即沒有正確的語義選擇，那麼使用div就很有意義。