MIP 校驗(yàn)規(guī)則
MIP 校驗(yàn)規(guī)則
MIP頁面會(huì)有嚴(yán)格的規(guī)范校驗(yàn)，不允許存在任何校驗(yàn)不通過的問題存在.
MIP校驗(yàn)工具地址：
本文檔意在幫助開發(fā)者找到校驗(yàn)的內(nèi)容和規(guī)則，快速定位校驗(yàn)不通過的原因
MIP HTML 標(biāo)簽和屬性錯(cuò)誤
1. 缺少強(qiáng)制性標(biāo)簽
在MIP HTML中，強(qiáng)制性標(biāo)簽包括：
P.S.: meta 標(biāo)簽 name="viewport" 時(shí), content的值必須且最少含有 width=device-width, minimum-scale=1 以及 initial-scale=1這3個(gè)屬性且順序不固定。
2. 禁用標(biāo)簽
大部分 HTML 標(biāo)簽都是允許使用的，禁用或者需要替換的標(biāo)簽使用請參考：
3. 無效屬性值
當(dāng)html標(biāo)簽有屬性值不正確的時(shí)候，會(huì)報(bào)這個(gè)錯(cuò)誤。mip中需要注意的有：
a：href屬性不允許使用javascript:協(xié)議，
a：target屬性需要設(shè)置為
_blankmip-img
- src：必須是一個(gè)url
mip-pix
- src：必須是一個(gè)支持https的地址url，
- 如果選用百度云提供的https代理，url中帶"t={TIME}&title={TITLE}&host={HOST}&from=baidu"
其他html基本頁面屬性規(guī)范不變
1. MIP HTML中的url強(qiáng)制是https的
2.
<a>標(biāo)簽:-
<a href="javascript:xxx()"></a> 錯(cuò)-
<a href="xxx" target="_blank"></a> 對4. 屬性值的無效值
可能出現(xiàn)屬性值的無效值的情況：
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">- width的屬性值device-width
- initial-scale的屬性值1
<script type="application/ld+json"></script><script type="application/json"></script>- 除了外鏈 MIP 所需 js，script標(biāo)簽的type的屬性值應(yīng)該為application/ld+json 或 application/json
1. 除上述給出的值外均為無效值
5. 缺少強(qiáng)制性屬性
例如 mip html中 mip-img 和 mip-pix具有強(qiáng)制性屬性的src：
- mip-img
- src
- mip-pix
- src
6. 直接父標(biāo)簽錯(cuò)誤
有一些標(biāo)簽有制定的直接父標(biāo)簽，如下示例給出了每個(gè)標(biāo)簽必須的直接父標(biāo)簽：
- !doctype 的直接父標(biāo)簽是 root
- head 的直接父標(biāo)簽是 html
- body 的直接父標(biāo)簽是 html
- link 的直接父標(biāo)簽是 head
- meta 的直接父標(biāo)簽是 head
- style mip-custom 的直接父標(biāo)簽是 head
- style 的直接父標(biāo)簽是 boilerplate
7. 非法父級標(biāo)簽
如：
<body>的子標(biāo)簽寫在了<head>中
8. 強(qiáng)制父級標(biāo)簽
- img 必須是noscript的子級標(biāo)簽
- video 必須是noscript的子級標(biāo)簽
- audio 必須是noscript的子級標(biāo)簽
- head 中使用 noscript 時(shí)必須作為head的最后一個(gè)子節(jié)點(diǎn), body中的noscript沒有限制
9. 唯一標(biāo)簽重復(fù)
一份html中，有的標(biāo)簽具有唯一性，也就是說只能出現(xiàn)一次，當(dāng)html中有重復(fù)的唯一標(biāo)簽的時(shí)候，應(yīng)該報(bào)錯(cuò)。
以下是唯一標(biāo)簽列表：
<doctype html><html mip><head><link rel="canonical" href=...><meta charset="utf-8"><meta viewport><style mip-custom><body>