如何單獨(dú)制作移動(dòng)端頁(yè)面？單獨(dú)制作有哪些優(yōu)缺點(diǎn)？

　　單獨(dú)制作移動(dòng)端頁(yè)面，通常的做法是不改變?cè)械腜C端頁(yè)面，然后針對(duì)移動(dòng)端單獨(dú)開發(fā)出一套特定的版本。通常，在網(wǎng)站的域名中使用二級(jí)域名“m”(含義為mobile)來(lái)表示移動(dòng)端網(wǎng)站。例如，在移動(dòng)端瀏覽器中訪問(wèn)網(wǎng)址https://main.m.taobao.com/，即可打開淘寶網(wǎng)的移動(dòng)端頁(yè)面。有些網(wǎng)站還會(huì)智能地根據(jù)當(dāng)前訪問(wèn)的設(shè)備來(lái)跳轉(zhuǎn)到對(duì)應(yīng)的頁(yè)面。如果是移動(dòng)設(shè)備，則跳轉(zhuǎn)到移動(dòng)端頁(yè)面，如果是PC端設(shè)備，則跳轉(zhuǎn)到PC端頁(yè)面。

　　下面列舉幾個(gè)比較常見的單獨(dú)制作移動(dòng)端頁(yè)面的網(wǎng)站，網(wǎng)站首頁(yè)的顯示效果如圖1所示。

　　圖1 單獨(dú)制作移動(dòng)端頁(yè)面的網(wǎng)站

　　在圖1中，分別展示了淘寶首頁(yè)、京東首頁(yè)和蘇寧首頁(yè)的移動(dòng)端頁(yè)面效果。

　　單獨(dú)制作移動(dòng)端頁(yè)面這個(gè)方案優(yōu)點(diǎn)在于，可以充分考慮到平臺(tái)的優(yōu)勢(shì)和局限性，從而創(chuàng)建良好的用戶體驗(yàn)設(shè)計(jì)，并且網(wǎng)頁(yè)在移動(dòng)設(shè)備上加載更快。

　　由于單獨(dú)制作移動(dòng)端網(wǎng)站會(huì)產(chǎn)生多個(gè)URL(PC端一套URL，移動(dòng)端一套URL)，因此重定向移動(dòng)網(wǎng)站需要花費(fèi)一些時(shí)間。同時(shí)，需要對(duì)搜索引擎做一些處理，維護(hù)成本會(huì)增加。而且，它可能需要針對(duì)不同的屏幕尺寸去分別制作一個(gè)網(wǎng)站，這樣訪問(wèn)不同的網(wǎng)址會(huì)產(chǎn)生不同的頁(yè)面效果，工作量比較大。

JavaScript腳本文件引入方法講解

什么是網(wǎng)頁(yè)布局？DIV+CSS技術(shù)的布局流程是怎樣的

什么是Sass？Sass的優(yōu)勢(shì)有哪些？

黑馬程序員前端培訓(xùn)課程