MIP頁面會有嚴格的規(guī)范校驗,不允許存在任何校驗不通過的問題存在.
MIP校驗工具地址:https://www.mipengine.org/validator/validate
本文檔意在幫助開發(fā)者找到校驗的內容和規(guī)則,快速定位校驗不通過的原因
提示 | MANDATORY_TAG_MISSING |
---|---|
錯誤說明 | "The mandatory tag '%1' is missing or incorrect." |
錯誤說明 | 強制性標簽'xxx'缺失或錯誤 |
修復方法 | 添加(或者更正)強制性html標簽 |
在MIP HTML中,強制性標簽包括:
說明 | 備注 |
---|---|
<!doctype html> | 大小寫均可 |
<html mip> | 強制小寫 |
<head> | 強制小寫 |
<meta charset="utf-8"> | utf-8不區(qū)分大小寫,無單引號或者雙引號限制 |
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> | 強制小寫,無單引號或者雙引號限制 |
< link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/mipmain-v1.1.1.css" > | 強制小寫,無單引號或者雙引號限制,v1.1.1會根據(jù)版本不同而不同 |
<script src="https://mipcache.bdstatic.com/static/mipmain-v1.1.2.js" ></script > | 強制小寫,無單引號或者雙引號限制,v1.1.2會根據(jù)版本不同而不同 |
<body> | 強制小寫 |
<link rel="canonical" href="http(s)://xxx"> | 強制小寫 |
提示 | DISALLOWED_TAG |
---|---|
錯誤說明 | "The tag '%1' is disallowed." |
錯誤說明 | 禁止使用'xx'標簽 |
修復方法 | 刪除禁用標簽 |
目前mip中標簽使用規(guī)則:
禁止使用標簽有:
如果有如下標簽需要進行替換
標簽 | 替換后標簽 |
---|---|
img | mip-img |
video | mip-video(暫未開放) |
audio | mip-audio(暫未開放) |
其他說明:
<p style="color: #000;">
錯提示 | INVALID_ATTR_VALUE |
---|---|
錯誤說明 | "The attribute '%1' in tag '%2' is set to the invalid value '%3'." |
錯誤說明 | 標簽'xx'中的屬性'xx'的屬性值'xx'無效 |
修復方法 | 修改為有效屬性值 |
當html標簽有屬性值不正確的時候,會報這個錯誤。mip中需要注意的有:
a:href屬性不允許使用javascript:協(xié)議,
a:target屬性需要設置為_blank
mip-img
mip-pix
其他html基本頁面屬性規(guī)范不變
<a>
標簽:<a href="javascript:xxx()"></a>
錯<a href="xxx" target="_blank"></a>
對提示 | INVALID_PROPERTY_VALUE_IN_ATTR_VALUE |
---|---|
錯誤說明 | "The property '%1' in attribute '%2' in tag '%3' is set to '%4', which is invalid." |
錯誤說明 | 標簽'xx'中存在屬性'yy','yy'中存在屬性'zz',屬性'zz'的屬性值'aa'無效 |
修復方法 | 更正無效屬性值 |
可能出現(xiàn)屬性值的無效值的情況:
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<script type="application/ld+json"></script>
<script type="application/json"></script>
提示 | MANDATORY_ONEOF_ATTR_MISSING |
---|---|
錯誤說明 | "The tag '%1' is missing a mandatory attribute - pick one of %2." |
錯誤說明 | 標簽'xx'的強制性屬性'xx'缺失 |
修復方法 | 添加正確是屬性 |
mip html中具有強制性屬性的標簽及其強制性屬性有:
提示 | WRONG_PARENT_TAG |
---|---|
錯誤說明 | "The parent tag of tag '%1' is '%2', but it can only be '%3'." |
錯誤說明 | 標簽'a'的直接父標簽應該是'b',而不是'c' |
修復方法 | 添加所需的父標簽 |
有一些標簽有制定的直接父標簽,如下示例給出了每個標簽必須的直接父標簽:
提示 | DISALLOWED_TAG_ANCESTOR |
---|---|
錯誤說明 | "The tag '%1' may not appear as a descendant of tag '%2'." |
錯誤說明 | 標簽'a'不應該是標簽'b'的子標簽 |
修復方法 | 刪除非法嵌套標簽 |
如:
<body>
的子標簽寫在了<head>
中提示 | MANDATORY_TAG_ANCESTOR |
---|---|
錯誤說明 | "The tag '%1' may only appear as a descendant of tag '%2'." |
錯誤說明 | M標簽'a'只能是標簽'b'的子級標簽 |
修復方法 | 刪除標簽或者給標簽添加正確的父級標簽 |
提示 | DUPLICATE_UNIQUE_TAG |
---|---|
錯誤說明 | "The tag '%1' appears more than once in the document." |
錯誤說明 | 標簽'xx'只能出現(xiàn)一次 |
修復方法 | 刪除多余的標簽 |
一份html中,有的標簽具有唯一性,也就是說只能出現(xiàn)一次,當html中有重復的唯一標簽的時候,應該報錯。
以下是唯一標簽列表:
<doctype html>
<html mip>
<head>
<link rel="canonical" href=...>
<link rel="standardhtml" href=...>
<link rel="miphtml" href=...>
<meta charset="utf-8">
<meta viewport>
<style mip-custom>
<body>
更多建議: