1.名詞解釋
HTML5
萬(wàn)維網(wǎng)的核心語(yǔ)言、標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言（HTML）的第五次重大修改。
CSS3
CSS3是CSS（層疊樣式表）技術(shù)的升級(jí)版本，于1999年開始制訂，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模塊、超鏈接方式、語(yǔ)言模塊、背景和邊框、文字特效、多欄布局等模塊。CSS演進(jìn)的一個(gè)主要變化就是W3C決定將CSS3分成一系列模塊。瀏覽器廠商按CSS節(jié)奏快速創(chuàng)新，因此通過(guò)采用模塊方法，CSS3規(guī)范里的元素能以不同速度向前發(fā)展，因?yàn)椴煌臑g覽器廠商只支持給定特性。但不同瀏覽器在不同時(shí)問(wèn)支持不同特性，這也讓跨瀏覽器開發(fā)變得復(fù)雜。
JavaScript
1.是一種解釋性腳本語(yǔ)言（代碼不進(jìn)行預(yù)編譯）。
2.主要用來(lái)向HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）頁(yè)面添加交互行為。
3.可以直接嵌入HTML頁(yè)面，但寫成單獨(dú)的js文件有利于結(jié)構(gòu)和行為的分離。
4.跨平臺(tái)特性，在絕大多數(shù)瀏覽器的支持下，可以在多種平臺(tái)下運(yùn)行（如Windows、Linux、Mac、Android、iOS等）。
RWD
響應(yīng)式網(wǎng)站設(shè)計(jì)(Responsive Web design)的理念是：頁(yè)面的設(shè)計(jì)與開發(fā)應(yīng)當(dāng)根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。具體的實(shí)踐方式由多方面組成，包括彈性網(wǎng)格和布局、圖片、響應(yīng)式布局媒介查詢（CSS media query）的使用等。無(wú)論用戶正在使用筆記本還是iPad，我們的頁(yè)面都應(yīng)該能夠自動(dòng)切換分辨率、圖片尺寸及相關(guān)腳本功能等，以適應(yīng)不同設(shè)備；換句話說(shuō)，頁(yè)面應(yīng)該有能力去自動(dòng)響應(yīng)用戶的設(shè)備環(huán)境。響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)就是一個(gè)網(wǎng)站能夠兼容多個(gè)終端——而不是為每個(gè)終端做一個(gè)特定的版本。這樣，我們就可以不必為不斷到來(lái)的新設(shè)備做專門的版本設(shè)計(jì)和開發(fā)了。
響應(yīng)式架構(gòu)?responsive architecture
超文本標(biāo)記語(yǔ)言 HTML
響應(yīng)式網(wǎng)站設(shè)計(jì)?Responsive Web design
響應(yīng)式布局媒介查詢 CSS media query
2.statcounter數(shù)據(jù)圖表分析為何需要響應(yīng)式web設(shè)計(jì)
根據(jù)市場(chǎng)調(diào)查機(jī)構(gòu) statcounter 的數(shù)據(jù)顯示不同的屏幕有屏幕分辨率，這就說(shuō)明了我們需要響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)來(lái)適應(yīng)不同的屏幕分辨率，頁(yè)面應(yīng)該要有能力去自動(dòng)響應(yīng)用戶的設(shè)備環(huán)境，就是網(wǎng)頁(yè)內(nèi)容應(yīng)該隨著訪問(wèn)它的視口及設(shè)備的不同而呈現(xiàn)不同的樣式。
3.有無(wú)使用響應(yīng)式web設(shè)計(jì)的例子
前不久優(yōu)酷改版，而此次改版則使用了響應(yīng)式設(shè)計(jì)方法，我們可以看以下幾個(gè)頁(yè)面：
網(wǎng)頁(yè)上的顯示https://www.youku.com/
手機(jī)客戶端上的顯示
以下是沒(méi)有使用響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的實(shí)例
bilibili網(wǎng)頁(yè)版https://www.bilibili.com/
手機(jī)網(wǎng)頁(yè)版上的bilibili
3.RWD的三項(xiàng)關(guān)鍵
Ethan Marcotte在2010年發(fā)明了響應(yīng)式Web設(shè)計(jì)，他在A List Apart上提到運(yùn)用了三項(xiàng)已有技術(shù)：彈性網(wǎng)絡(luò)布局、彈性圖片/媒體、媒體查詢。（http://www.alistapart.com/articles/responsive-web-design/)”?！浴俄憫?yīng)式web設(shè)計(jì)基礎(chǔ)》
4.RWD和前後端的關(guān)系
需要依賴后端方案的RWD：
網(wǎng)頁(yè)版、手機(jī)版、等等分開服務(wù)、設(shè)計(jì)、產(chǎn)出頁(yè)面
不需要依賴后端方案的RWD：
網(wǎng)頁(yè)版、手機(jī)版、等等一起服務(wù)、設(shè)計(jì)、產(chǎn)出頁(yè)面
基于HTML5和CSS3就可以制作不需要后端方案的RWD
