MIP 校驗(yàn)規(guī)則
MIP 校驗(yàn)規(guī)則
MIP頁(yè)面會(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. 缺少?gòu)?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)簽使用請(qǐng)參考:
3. 無(wú)效屬性值
當(dāng)html標(biāo)簽有屬性值不正確的時(shí)候,會(huì)報(bào)這個(gè)錯(cuò)誤。mip中需要注意的有:
a:href屬性不允許使用javascript:協(xié)議,
a:target屬性需要設(shè)置為
_blank
mip-img
- src:必須是一個(gè)url
mip-pix
- src:必須是一個(gè)支持https的地址url,
- 如果選用百度云提供的https代理,url中帶"t={TIME}&title={TITLE}&host={HOST}&from=baidu"
其他html基本頁(yè)面屬性規(guī)范不變
1. MIP HTML中的url強(qiáng)制是https的
2.
<a>
標(biāo)簽:-
<a href="javascript:xxx()"></a>
錯(cuò)-
<a href="xxx" target="_blank"></a>
對(duì)4. 屬性值的無(wú)效值
可能出現(xiàn)屬性值的無(wú)效值的情況:
<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. 除上述給出的值外均為無(wú)效值
5. 缺少?gòu)?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. 非法父級(jí)標(biāo)簽
如:
<body>
的子標(biāo)簽寫在了<head>
中
8. 強(qiáng)制父級(jí)標(biāo)簽
- img 必須是noscript的子級(jí)標(biāo)簽
- video 必須是noscript的子級(jí)標(biāo)簽
- audio 必須是noscript的子級(jí)標(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>