對(duì)于響應(yīng)式和html5技術(shù)，大家都應(yīng)該不陌生，但是很少人能夠正確的理解這兩者的聯(lián)系和區(qū)別，甚至還有人固執(zhí)的認(rèn)為響應(yīng)式和HTML5是同一種技術(shù)，針對(duì)這個(gè)問(wèn)題，深圳網(wǎng)站建設(shè)專家思鉑網(wǎng)絡(luò)在這里做一個(gè)簡(jiǎn)單的介紹，希望可以幫助到有需要的人：

html5移動(dòng)端開(kāi)發(fā)和響應(yīng)式設(shè)計(jì)沒(méi)有必然聯(lián)系，不過(guò)在HTML5移動(dòng)開(kāi)發(fā)中經(jīng)常會(huì)經(jīng)常使用響應(yīng)式設(shè)計(jì)，他們的明顯的區(qū)別有兩點(diǎn)：

1、響應(yīng)式設(shè)計(jì)不僅用在移動(dòng)網(wǎng)站，在PC端也有不同屏幕的適配，而且移動(dòng)端和PC端可以只使用一套代碼，這就是全平臺(tái)的響應(yīng)式設(shè)計(jì)。

2、HTML5移動(dòng)端（移動(dòng)網(wǎng)站、混合應(yīng)用、WebAPP）為了解決屏幕適配經(jīng)常會(huì)使用響應(yīng)式設(shè)計(jì)（流式布局、CSS3媒體查詢），但是響應(yīng)式設(shè)計(jì)并不是一定，也可以使用流式布局和remnant來(lái)解決移動(dòng)端的屏幕適配問(wèn)題。

再?gòu)亩x上來(lái)說(shuō)，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)是一種網(wǎng)頁(yè)設(shè)計(jì)的技術(shù)做法，該設(shè)計(jì)可使網(wǎng)站在多種瀏覽設(shè)備（比如PC端、Pad端、手機(jī)端，從桌面電腦顯示器到移動(dòng)電話或其他流動(dòng)產(chǎn)品裝置）上閱讀和導(dǎo)航，同時(shí)減少縮放、平移和滾動(dòng)。頁(yè)面的設(shè)計(jì)與開(kāi)發(fā)應(yīng)當(dāng)根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。

HTML5，是 HTML 的新標(biāo)準(zhǔn)，可以算上移動(dòng)互聯(lián)網(wǎng)時(shí)代網(wǎng)站開(kāi)發(fā)語(yǔ)言的一次升級(jí)，html5的聲明和許多新標(biāo)簽都是專門(mén)為移動(dòng)設(shè)備而設(shè)計(jì)。例如手機(jī)網(wǎng)頁(yè)設(shè)計(jì)，甚至很多android 和iOS的app內(nèi)容頁(yè)面也由html5頁(yè)面負(fù)責(zé)輸出。

響應(yīng)式網(wǎng)站建設(shè)之所以適合PC端和移動(dòng)端網(wǎng)頁(yè)正常瀏覽，重要的原因就是使用了HTML5技術(shù)，比如手機(jī)端響應(yīng)式網(wǎng)站視頻的播放不在依賴flash解決方案，使用一個(gè)video標(biāo)簽就可以解決了，主要依賴的是html5標(biāo)簽的支持！HTML5在響應(yīng)式網(wǎng)站建設(shè)中的應(yīng)用主要在以下幾點(diǎn)：

1、媒體查詢；

2、手機(jī)一鍵撥號(hào)；

3、響應(yīng)式網(wǎng)站綁定微信公眾平臺(tái)；

4、手機(jī)導(dǎo)航；

5、離線存儲(chǔ)；

6、幻燈片觸摸滾動(dòng)；

7、動(dòng)畫(huà)應(yīng)用；

8、h5繪圖;

9、音頻視頻播放;

10、搜索引擎移動(dòng)優(yōu)化;