MIP HTML規(guī)范
頭部使用規(guī)范
起始標(biāo)簽使用 <!doctype html>
html標(biāo)簽必須加上mip標(biāo)記,即: <html mip>
必須包含 <head>和 <body>標(biāo)簽
必須在head標(biāo)簽中包含字符集聲明: <meta charset="utf-8">,字符集統(tǒng)一為
utf-8
必須在head標(biāo)簽中包含viewport設(shè)置標(biāo)簽: <meta name="viewport" content="width=device-width,initial-scale=1">,推薦包含
minimum-scale=1
必須在head標(biāo)簽中包含 < link rel="stylesheet" type="text/css" href="
https://mipcache.bdstatic.com/static/v1/mip.css " >必須在body標(biāo)簽中包含 <script src="
https://mipcache.bdstatic.com/static/v1/mip.js " ></script >必須在head標(biāo)簽中包含 <link rel="canonical" href="http(s)://xxx" >
頁(yè)面元素使用規(guī)范
MIP HTML 禁止使用對(duì)頁(yè)面性能以及安全有較大影響的標(biāo)簽,請(qǐng)將其替換為MIP的特有標(biāo)簽(例如:將img
標(biāo)簽替換為mip-img
):
HTML 屬性
MIP HTML 中所有
on
開(kāi)頭的屬性都不允許使用,如:onclick
,onmouseover
。MIP HTML 中允許使用
on
屬性。- MIP HTML 中不允許使用
style
屬性。
自定義樣式使用規(guī)范
出于性能考慮,html 中不允許使用內(nèi)聯(lián)style,所有樣式只能放到head 的 style 標(biāo)簽里。
- 正確:
<head> <style mip-custom> p { color: #00f;} </style> </head> <body> <p>Hello World!</p> </body>
- 錯(cuò)誤:
<p style="color:#00f;">Hello World!</p>
驗(yàn)證規(guī)范
MIP校驗(yàn)工具地址: