<a><button> ...</button></a>和<button><a> ...</a></button>有什麼區別？

我一直在使用這個互換，工作是一樣的。有什麼區別嗎？哪種方法應該在哪些情況下使用？ <a><button> ...</button></a>和<button><a> ...</a></button>有什麼區別？

<html> 
    <head> 
    </head> 
    <body> 
     <a href="http:\\www.google.com"><button> click </button></a> 
     <button><a href="http:\\www.google.com"> click </a></button> 
    </body> 
</html>

來源

2016-08-11 Sanket Deshpande

不能嵌套互動元素！ – Oriol

@Oriol感謝您的具體陳述。現在我已經閱讀了文檔的這一部分，這更清楚。 –

這兩者在HTML中都是禁止的。所以都不要用。

如果你想不想找個鏈接。使用<a href=""></a>。
如果你想提交表單。使用<button></button>
如果你想控制觸發的JavaScript（和無法弄清楚如何與progressive enhancement做到這一點），用<button type="button"></button>

然後應用CSS使它看起來你想要的方式。

來源

2016-08-11 18:52:52 Quentin

但有時我用它像「點擊這個按鈕去回頁」在這種情況下做什麼？ –

@SanketDeshpande - 理想？完全刪除。瀏覽器內置後退按鈕，人們知道如何使用它們。他們在每個網站上都以相同的方式工作。（如果不這樣做，那麼你沒有鏈接到任何地方，你也沒有提交表單，所以你被困在選項3和調用history.back的JavaScript上）。 – Quentin

明白，我用了很多其他目的，如訪問主頁，訂閱頻道等，但現在選擇第三是。 –

<a><button> ...</button></a>和<button><a> ...</a></button>有什麼區別？

回答

相關問題