在現代社會中，越來越多的人使用手機和平板電腦瀏覽網頁。因此，設計移動端友好的頁面變得越來越重要。其中，使用 HTML 設置移動端頁面是不可或缺的一步。

首先，需要在 HTML 中設置 viewport（視口）。視口是指網頁在瀏覽器中顯示的區域，而移動設備的視口相比于傳統的桌面瀏覽器有很大的不同。因此，為了更好地適應移動設備，需要設置 viewport 的大小和縮放比例，以便網頁在各種不同的移動設備上顯示效果一致。

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

上述代碼表示視口的寬度與設備的寬度相等，并初始化縮放比例為 1。通常情況下，這一設置已經足夠。

接下來，我們需要采用響應式設計。響應式設計是指在不同的屏幕大小和設備上，網頁的布局和風格都能夠自適應地調整。一般來說，我們使用 CSS 媒體查詢來實現響應式設計。

@media screen and (max-width: 768px) {
/* 在屏幕寬度小于等于 768px 時生效 */
}

上述代碼表示在屏幕寬度小于等于 768px 時生效。通過 media 查詢，我們可以針對不同的屏幕大小、設備和環境，設置不同的 CSS 樣式。這樣就能夠提供更好的用戶體驗，讓網頁在各種設備上呈現出最佳的效果。

除此之外，還有一些其他的 HTML 元素和屬性，能夠幫助我們實現移動端頁面的設計和開發。例如，可以使用增加按鈕、處理表單提交，還可以使用 CSS 設置布局和樣式，具體可以參考相關資料和教程。