什么是自適應(yīng)網(wǎng)站？
指的是網(wǎng)頁(yè)通過(guò)不同大小終端設(shè)備自適應(yīng)顯示，根據(jù)屏幕大小、寬度自動(dòng)調(diào)整布局，自適應(yīng)也可以叫響應(yīng)式。自適應(yīng)網(wǎng)站是HTML5的新技術(shù)。
?
自適應(yīng)網(wǎng)站的優(yōu)點(diǎn)：
1、在PC端、手機(jī)端和IPAD端都是采用一套代碼。
2、不需要另外申請(qǐng)其他的域名，一個(gè)賬號(hào)碼管理一個(gè)后臺(tái)。
3、有效避免網(wǎng)頁(yè)內(nèi)容重復(fù)，可以專(zhuān)心維護(hù)一個(gè)網(wǎng)頁(yè)。
4、網(wǎng)站優(yōu)化更簡(jiǎn)單，對(duì)搜索引擎友好。
?
自適應(yīng)站點(diǎn)對(duì)百度友好設(shè)計(jì)
1、applicable-device標(biāo)注寫(xiě)法
自適應(yīng)網(wǎng)頁(yè)對(duì)搜索引擎友好，告訴百度“我是自適應(yīng)頁(yè)面”方便百度進(jìn)行識(shí)別校驗(yàn)。
applicable-device標(biāo)簽寫(xiě)法在viewport標(biāo)簽下面添加即可：
<meta name="applicable-device" content="pc,mobile">
告訴百度該頁(yè)面可以同時(shí)在移動(dòng)設(shè)備和PC上進(jìn)行瀏覽。
2、在百度站長(zhǎng)平臺(tái)鏈接提交工具的Sitemp進(jìn)行提交時(shí)，注意要給mobile type做標(biāo)記。
寫(xiě)法：<mobile:mobile type="pc,mobile"/>
其他網(wǎng)頁(yè)取值如下：?
<mobile:mobile/> ：移動(dòng)網(wǎng)頁(yè)
<mobile:mobile type="mobile"/> ：移動(dòng)網(wǎng)頁(yè)
<mobile:mobile type="htmladapt"/>：代碼適配
無(wú)該上述標(biāo)簽表示為PC網(wǎng)頁(yè)。
?
自適應(yīng)網(wǎng)站能夠給用戶(hù)帶來(lái)更好的瀏覽體驗(yàn)，網(wǎng)站建設(shè)需要考慮頁(yè)面布局。當(dāng)然自適應(yīng)設(shè)計(jì)目前價(jià)格相對(duì)比較高，如果網(wǎng)站的要求的版面相對(duì)比較復(fù)雜的話(huà)，消耗的時(shí)間會(huì)比較長(zhǎng)，比較適合單欄或雙欄等簡(jiǎn)單版面網(wǎng)站。
閱讀本文的人還可以閱讀：
