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