HTML5 創造了一種兼容性更強、更具可讀性的移動端代碼寫作方式。在 HTML5 中，可以巧妙地使用一些新的標簽和屬性來實現優雅的移動端編碼體驗。 這些新標簽和屬性中最值得關注的是 viewport、form、header、footer、nav、aside 等元素，它們都是專門為移動端而生的。可以通過給它們添加 CSS 樣式來完善整個移動端頁面的布局和效果。 viewport 是指用戶可視區域的大小，利用它可以對頁面的布局進行控制。我們可以在 head 標簽中添加下面的代碼來利用viewport：

這樣就可以讓頁面的寬度與設備的寬度相同，并且讓瀏覽器自動縮放至一個合適的初始比例。 form 元素是專門為移動端表單而設的。我們可以使用 HTML5 中的新屬性 autocomplete 和 novalidate 來增強表單的交互體驗和安全性。示例如下：

Search

header、footer、nav、aside 這幾個標簽則用于組織主體內容之外的區域，幫助我們更好地劃分頁面結構。用法如下：

Header內容
頁面主要內容

使用 HTML5 制作移動端頁面，需要注意一些常用元素的使用方法和屬性，如 img 屬性 srcset、picture 、 video、audio、canvas 等等。如果您希望開發出具有豐富業務功能和獨特創意的移動版網站，那么 HTML5 將成為您的強有力伙伴。