通常情況下，需要區(qū)分，具體需要看用戶(hù)網(wǎng)站方的需求可以采用響應(yīng)式布局的方式，取320640等斷點(diǎn)，用一套CSS兼容手機(jī)padPC等平臺(tái)如果說(shuō)，需要兼容IE8，那么響應(yīng)式布局需要慎重選擇；1 HTML5 Boilerplate 是一個(gè)HTML CSS JS模板，是實(shí)現(xiàn)跨瀏覽器正常化性能優(yōu)化穩(wěn)定的可選功能如跨域Ajax和Flash的最佳實(shí)踐開(kāi)發(fā)者稱(chēng)之為技巧集合，目的是滿(mǎn)足你開(kāi)發(fā)一個(gè)跨瀏覽器，并且面向未來(lái)的網(wǎng)站的需求2 Switch to HTML5 非常有用的在線工具，可以根據(jù)你的喜好生成HTML5文檔結(jié)構(gòu)。

樓下提到的bootstrap不錯(cuò)如果覺(jué)得入門(mén)有難度的話，你可以使用jQuery Mobile，就是你得單獨(dú)搭建一個(gè)數(shù)據(jù)源接口；最簡(jiǎn)單的一個(gè)記事本編輯器，一個(gè)支持html5的瀏覽器就夠了淡然如果想開(kāi)發(fā)的速度更快捷可以參考使用Dreamweaver cs55及以上的版本，因?yàn)樗С趾芏嗵匦?，如智能提示之?lèi)的。

首先你得學(xué)會(huì)HTML5CSS3javascript三個(gè)最基本的技術(shù)學(xué)會(huì)后，可以采用bootstrap這種前端開(kāi)發(fā)框架來(lái)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)；html5頁(yè)面加入這段 ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=1，minimumscale=1，maximumscale=2，userscalable=noquot maximumscale=2 表示頁(yè)面最大放大2倍，這樣你只要雙擊圖片就可以實(shí)現(xiàn)放大了，如果是要js來(lái)實(shí)現(xiàn)的話 那就得寫(xiě)拖動(dòng)插件了 原理先改變圖片那個(gè)div的。

h5技術(shù)，是js css html5的統(tǒng)稱(chēng)，他的運(yùn)行環(huán)境只需要有瀏覽器就行，所以他可以在任何有瀏覽器上的設(shè)備運(yùn)行，有些用他寫(xiě)app是那些app套了一層內(nèi)置瀏覽器，或者直接寫(xiě)webapp。

做html5 做手機(jī)頁(yè)面

一現(xiàn)在HTML5非常火的技術(shù)，主要方向在使用高端瀏覽器的高端移動(dòng)設(shè)備，所以可以用作開(kāi)發(fā)Android系統(tǒng)的App二html5對(duì)androidios系統(tǒng)都支持三HTML5可以用作離線應(yīng)用的開(kāi)發(fā)，離線應(yīng)用就是把需要的資源先緩存到本地，下次再查看時(shí)無(wú)需聯(lián)網(wǎng)四html5開(kāi)發(fā)app，能提供更快更簡(jiǎn)便的服務(wù)，代碼可高度。

web方式的手機(jī)應(yīng)用那，我理解一種是純Web的，其實(shí)就是設(shè)計(jì)在手機(jī)瀏覽器里面用的Web應(yīng)用，這種應(yīng)用，以前是WAP方式現(xiàn)在智能手機(jī)流行以后，手機(jī)計(jì)算能力增強(qiáng)，所以在手機(jī)里面開(kāi)始跑HTML頁(yè)面，而且很多手機(jī)瀏覽器比較激進(jìn)，開(kāi)始支持HTML5，這樣的話，其實(shí)你可以理解為在手機(jī)屏幕大小的屏幕上設(shè)計(jì)HTML5頁(yè)面應(yīng)用。

不一樣，需增加自適應(yīng)標(biāo)簽來(lái)保持一樣代碼如下ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot 解釋Viewport指用戶(hù)網(wǎng)頁(yè)的可視區(qū)域，content中的“width”指的是虛擬窗口寬度，上面代碼意為虛擬窗口頁(yè)面寬度。

quot對(duì)于用戶(hù)來(lái)說(shuō)，html5提高了用戶(hù)體驗(yàn)，加強(qiáng)了視覺(jué)感受1HTML5技術(shù)在移動(dòng)端，能夠讓?xiě)?yīng)用程序回歸到網(wǎng)頁(yè)，并對(duì)網(wǎng)頁(yè)的功能進(jìn)行擴(kuò)展，用戶(hù)不需要下載客戶(hù)端或插件就能夠觀看視頻玩游戲，操作更加簡(jiǎn)單，用戶(hù)體驗(yàn)更好2HTML5的視音頻新技術(shù)解決了移動(dòng)端蘋(píng)果和安卓40+，對(duì)flash的支持問(wèn)題在視音頻。

1LungoJS這個(gè)是被認(rèn)為開(kāi)發(fā)移動(dòng)網(wǎng)站最好的HTML5開(kāi)發(fā)框架，使用HTML5CSS3和JavaScript技術(shù)可幫助創(chuàng)建基于iOSAndroidBlackberry和WebOS平臺(tái)的應(yīng)用程序該框架可利用當(dāng)前移動(dòng)設(shè)備的高級(jí)特性，可捕捉事件包括滑動(dòng)觸屏長(zhǎng)按等無(wú)需使用圖片，全部采用向量聲稱(chēng)LungoJS無(wú)需服務(wù)器端支持，可幫助實(shí)現(xiàn)HTML。

html5制作手機(jī)端頁(yè)面

1、有一個(gè)編輯器和一個(gè)瀏覽器就行了 html5和css3相類(lèi)似，但是對(duì)上一代的一種進(jìn)化，html5在開(kāi)發(fā)網(wǎng)站的時(shí)候依賴(lài)很多，包括前端的css，javascript等很多前端的東西，當(dāng)然這些只是一些靜態(tài)得網(wǎng)站，如果你要有后端交互的話，就需要php，python，java等后端知識(shí)，這時(shí)候也就需要一些開(kāi)發(fā)環(huán)境了。

2、1打開(kāi)百度，在百度上搜索易企秀，然后點(diǎn)擊搜索，在搜索的結(jié)果中點(diǎn)擊進(jìn)入易企秀的官方網(wǎng)站2進(jìn)入后，先登錄自己的賬號(hào)，可以直接用微信登錄即可，登錄后就可以開(kāi)始制作自己的手機(jī)網(wǎng)頁(yè)微場(chǎng)景了3首先點(diǎn)擊我的場(chǎng)景接著點(diǎn)擊制作場(chǎng)景，接著會(huì)進(jìn)入場(chǎng)景模板選擇界面，里面有很多免費(fèi)的模板。

3、可以通過(guò)webview方式訪問(wèn)遠(yuǎn)程，也可以把html5頁(yè)面放在手機(jī)app端，本地方式進(jìn)行訪問(wèn)但都離不開(kāi)webviewHTML5現(xiàn)在現(xiàn)成的框架比較多，photogap，jquery mobile，bootstrap等都可以，如果功能簡(jiǎn)單，也可以不使用框架，自己寫(xiě)幾個(gè)html5頁(yè)面就行了。