MIP:是一套應(yīng)用于移動(dòng)網(wǎng)頁(yè)的開(kāi)放性技術(shù)標(biāo)準(zhǔn)。通過(guò)提供MIP-HTML規(guī)范、MIP-JS運(yùn)行環(huán)境以及MIP-Cache頁(yè)面緩存系統(tǒng),實(shí)現(xiàn)移動(dòng)網(wǎng)頁(yè)加速。
?
使用MIP搭建體驗(yàn)友好的移動(dòng)頁(yè)面:
一、Doctype改造
1、打開(kāi)你的模板或代碼文件看第一行,將<! DOCTYPE ***>改為<!DOCTYPE html>
?
二、<Html>標(biāo)簽改造
1、完成第一步后,繼續(xù)修改下一行代碼,將:?<html xmlns="http://www.w3.org/1999/xhtml">
2、或?qū)?lt;html>?改成<html mip>注意全部小寫(xiě)
?
三、Head部分改造
1、<head>標(biāo)簽必須是完全小寫(xiě)。
2、頁(yè)面的編碼必須是utf-8,修改聲明為:<meta charset="utf-8">
3、頁(yè)面中加入<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1">
4、頁(yè)面中加入MIP專(zhuān)用樣式文件< link rel="stylesheet" type="text/css" >
5、這里需要告訴搜索引擎改頁(yè)面對(duì)應(yīng)的標(biāo)準(zhǔn)html頁(yè)面地址,如果存在則標(biāo)識(shí)<link rel="canonical" >?其中href值修改成為與當(dāng)前mip頁(yè)面相對(duì)應(yīng)的標(biāo)準(zhǔn)頁(yè)面(移動(dòng)頁(yè))url地址。如果只有mip頁(yè)面沒(méi)有相對(duì)應(yīng)的標(biāo)準(zhǔn)頁(yè)面則標(biāo)識(shí)為:<link rel="canonical" >?其中的href值為當(dāng)前頁(yè)面地址。
?
四、Body內(nèi)改造
1、首先<body>標(biāo)簽必須是小寫(xiě)的;
2、替換<img>,?<style>,?<frame>,?<form>,< input>,?<textarea>,?<select>,?<option>標(biāo)簽為對(duì)應(yīng)MIP組件標(biāo)簽,具體見(jiàn)官網(wǎng)文檔。
3、引用MIP-JS 運(yùn)行環(huán)境?<script src= "https://mipcache.bdstatic.com/static/v1/mip.js"></script>放在頁(yè)面尾部。
閱讀本文的人還可以閱讀: