因為 HTML 有易于維護，更好的互動性，更快的開發(fā)等優(yōu)點，被越來越多的應用在移動 Web 應用程序的開發(fā)中。HTML5 是一種標記語言，與 Javascript 和 CSS 一起，構(gòu)成了每個開發(fā)者的核心技術(shù)，HTML5 擁有自己的 API 以及一組被主流瀏覽器兼容的標準 API，同時一些特殊被 API，比如本地存儲也被許多瀏覽器支持。

在過去的幾年中，隨著平板電腦和智能手機的出現(xiàn)，在普通 PC 上使用網(wǎng)站的人數(shù)在減少。大多數(shù)人，這段時間，在他們的移動設(shè)備訪問網(wǎng)站或直接下載手機 APP。手機 APP 已經(jīng)蓄勢待發(fā)，不過，雖然移動網(wǎng)站有更多的優(yōu)點，例如不需要安裝就可以馬上使用，兼容多種設(shè)備，易于升級，用戶通過鏈接就可以共享，使用較小的成本和開發(fā)時間，等等，但移動網(wǎng)站的發(fā)展依然停滯不前。

正式因為這些原因，我們確實需要開發(fā) HTML5 的移動網(wǎng)站。在今天的文章里，讓我們一起來看看如果通過改進 HTML5 的方法去開發(fā)移動網(wǎng)站應用。

用 HTML5 改進移動 Web 應用的開發(fā)

一個***的網(wǎng)站，在開發(fā)時可以多考慮一些兼容性，就可以在移動瀏覽器上使用了。主要的考慮方面，HTML5 開發(fā)人員需要注意屏幕的尺寸和分辨率；其次，如果保持 HTML，CSS，Javascript 是有效的，簡潔的，才是移動用戶需要的內(nèi)容。

當你在設(shè)計移動網(wǎng)站時，請記住站在用戶的角度去考慮，并提供重要的內(nèi)容。盡管如此，不是所有的傳統(tǒng)網(wǎng)站都需要一部分移動網(wǎng)站。很有可能，當用戶進入網(wǎng)站里的每個頁面時，如果沒有在***時間看到他們想看的內(nèi)容，他們就會退出網(wǎng)站。

更重要的是，你要在各種尺寸的屏幕上測試你的網(wǎng)站。檢查圖片是否被現(xiàn)實；是否 k 可以橫向滾動；是否所有的功能都可以工作，是否支持所有格式的文件。需要全面的檢查你的網(wǎng)站，確保使用 HTML5 開發(fā)的移動網(wǎng)站獲得***的效果。

開發(fā)移動設(shè)備應避免的事項

• 由于手機屏幕尺寸較小，在手機布局中極可能不要讓網(wǎng)站用戶滾動屏幕，因此不要使用表格。

• 確保不要使用隱藏的圖形來填充頁面。如果使用隱藏圖形，會增加下載時間，而且頁面也可能顯示錯誤。

• 很多手機網(wǎng)站用戶并不喜歡彈出窗口。這些窗口不但很煩人，而且導致網(wǎng)站可用性問題。因此，您一定要使用必要的方式

作為一名 HTML5 的開發(fā)者必須保證移動瀏覽器的兼容性。同時，每個使用 HTML5 開發(fā)的公司，都應致力于開發(fā)和提升移動 web 應用的用戶體驗。

英文原文：How to improve Mobile Web Application Development when using HTML5