html 的 a 和 button

html 裡每個 tag 都有他的意義存在,所以連結用 a,按鈕用 button 或 input[type="button"] 都是方法,可是經驗就是 button 的樣式做起來比較不聽話,然後有時候可能本來只是一個 button 去執行一個動作,卻有可能變成要導到別頁的連結,所以後來只要是可以執行動作的 button ,我都會用 a 去當 button,再給他統一的 class="btn" 來樣式化。

可是這樣一來 a 不是原本的 button tag,語意就會有一些問題,還好 html 很貼心,可以用 role=button 來表示他是一個 button,這也就是我後來習慣的用法。

  1. <a class="btn" role="button">button</a>  

留言

熱門文章