隨著智能手機的普及，越來越多的用戶選擇使用手機瀏覽網頁。為了給用戶帶來更好的體驗，我們有必要設置手機版網頁。接下來，我們將介紹如何使用HTML設置手機版網頁。

首先，我們需要使用meta標簽來告訴瀏覽器我們的網頁是適用于移動設備的。代碼如下：

<meta name="viewport" content="width=device-width, initial-scale=1">

其中，width=device-width表示網頁的寬度與設備的寬度相同，initial-scale=1表示網頁的初始縮放比例為1。

接下來，我們需要設置CSS樣式來實現自適應布局。代碼如下：

<style>
/* 手機端樣式 */
@media screen and (max-width: 414px) {
/* 網頁整體寬度及外邊距 */
body {
width: 100%;
margin: 0;
}
/* 其余內容樣式自行設置 */
}
</style>

上述代碼中的@media和max-width屬性指定了在設備寬度小于等于414px時，應用手機端樣式。在手機樣式中，我們需要設置網頁的整體寬度為100%，同時去掉外邊距，以充分利用手機屏幕的空間。

最后，我們需要在網頁的頭部添加一個鏈接，指向我們的手機版網頁。代碼如下：

<link rel="alternate" media="only screen and (max-width: 640px)" >

上述代碼中，我們使用了<link>標簽，并指定了media屬性，表示只對手機屏幕應用該鏈接。href屬性指定了我們的手機版網頁地址。

以上就是如何使用HTML設置手機版網頁的方法。通過這些設置，可以有效提升用戶體驗，并增加網站的訪問量。