按鈕是天生為移動平台而生的：移動平台上的按鈕往往被設計得比較大以便使用者點選——與此形成鮮明對比的就是移動平台上的超連結。移動平台與桌面平台在人機互動上有顯著的不同，移動平台的輸入工具為使用者的手指，顯示區域相對輸入工具就很小;而對于桌面平台，顯示區域較輸入區域就大得多了，滑鼠的存在，更是與觸屏式的互動有所不同。
傳統的按鈕（button)與那些經過CSS裝飾後看起來像按鍵的标簽有本質的不同。前者可以用來送出一個表單，而後者如果不輔助其它代碼，隻能用來做為一個可點選的錨點按鍵。雖然按鍵很容易建立，但也很容易出現瑕疵，如下面代碼：
<!Doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width;initial-scale=1.0"
<title>按鍵</title>
<style type="text/css">
#container {
margin: 0 200px;
}
.button {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #F2F7FA;
border-color: #D9D9D9 #A9A9A9 #A9A9A9 #D9D9D9;
border-left: 1px solid #D9D9D9;
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 1px;
display: block;
padding: 0.5em;
text-align: center;
}
a {
text-decoration:none;
}
</style>
</head>
<body>
<div id="container">
<p>
<a class="button" href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >More</a>
</p>
<div class="button">
<a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >More</a>
</div>
</div>
</body>
</html>
在浏覽器中檢視這個HTML頁面，就可以看到，第一個"超連結按鍵"在點選的時候，顯示的是正常按鈕被按下的樣式，但第二個的顯示風格與超連結無異。這點小瑕疵，在一些著名的網際網路産品中就出現過。
我的經驗是，當UI/UE設計方案被移交給開發者後，大部分的開發者會認為，如果他們的代碼輸入與設計方案外觀一緻就是工作完成了，于是他們就忽略了對于實際産品的可用性測試。如果這個産品出現在了正式上線使用的版本中，那隻能說明這個産品的開發人員沒有使用自己的産品。
總而言之，按鈕在Mobile Web設計中是相當重要的一部分。因為按鈕的易用性，是以那些使用者使用頻率高的功能，最好是用按鈕（或按鈕的變種控件)來實作。同時，一定要測試自己的代碼的可用性，千萬不要認為如果産品看上去與設計方案一緻就已經完成。
![H5測試點[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)