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