html電子郵件 - 問題<button>裏面<a>標籤？

Question

下看起來不錯，但是當我在Gmail中測試了一下，打開鏈接兩次（在2個新的選項卡），就好像有某種奇怪的事件的發生冒泡....

<a href="some_url"> <button>Approve</button> </a> 

是我錯過明顯的東西？

Answer 1

鏈接不能包含按鈕。無論是使用按鈕或按鈕的樣式鏈接（即它看起來像一個按鈕）。

這就是說：事件冒泡可能發生，因爲該按鈕是它的工作，然後，鏈接也處理鼠標點擊事件。

Answer 2

顯而易見的是，這是不正確格式[X]的HTML。
一個<a>不應該包括一個<button>

Answer 3

有一些瀏覽器甚至不會允許鏈接被點擊。 風格的href，而不是

<a href="" style="text-decoration:none; border-top: 2px #cce3ff solid; border-left: 2px #cce3ff solid; border-bottom: 2px #31557f solid;border-right: 2px #31557f solid;">GO</a>