Spécification HTML MIP
Spécifications d'utilisation de l'en-tête
La balise de début utilise <!doctype html>
La balise html doit être ajoutée avec la balise mip, c'est-à-dire : <html mip>
doit contenir <head> et La balise <body>
doit contenir la déclaration du jeu de caractères dans la balise head : <meta charset="utf-8">, le jeu de caractères est unifié comme
utf-8
utf-8
必须在head标签中包含viewport设置标签: <meta name="viewport" content="width=device-width,initial-scale=1">,推荐包含
minimum-scale=1
必须在head标签中包含 < link rel="stylesheet" type="text/css" href="
https://mipcache.bdstatic.com/static/v1/mip.css " >必须在body标签中包含 <script src="
https://mipcache.bdstatic.com/static/v1/mip.js " ></script >必须在head标签中包含 <link rel="canonical" href="http(s)://xxx" >
页面元素使用规范
MIP HTML 禁止使用对页面性能以及安全有较大影响的标签,请将其替换为MIP的特有标签(例如:将img
标签替换为mip-img
):
HTML 属性
MIP HTML 中所有
on
开头的属性都不允许使用,如:onclick
,onmouseover
。MIP HTML 中允许使用
on
属性。- MIP HTML 中不允许使用
style
La balise de paramètre viewport doit être incluse dans la balise head : <meta name="viewport" content="width=device-width,initial-scale=1">, il est recommandé d'inclure minimum-scale=1
🎜Doit inclure <link rel="stylesheet" type="text/css" href="Spécifications d'utilisation des éléments de page🎜🎜MIP HTML interdit le utilisation d'éléments ayant un plus grand impact sur les performances de la page et la balise de sécurité, veuillez la remplacer par la balise unique de MIP (par exemple : remplacer la balise img
par mip-img
): 🎜🎜🎜Attributs HTML🎜🎜🎜le tout en MIP HTMLon
ne peuvent pas être utilisés, tels que : < code style="font-size: 14px; line-height: 1.76em; ">onclick, < code style="font-size: 14px; line-height: 1.76em; ">onmouseover. 🎜🎜🎜🎜L'attribut on
est autorisé dans le MIP HTML. 🎜🎜🎜L'attribut style
n'est pas autorisé dans MIP HTML. 🎜🎜🎜Spécifications d'utilisation du style personnalisé🎜🎜En raison de considérations de performances, le style en ligne n'est pas autorisé en HTML et tous les styles ne peuvent être placés que dans la balise de style de l'en-tête. 🎜- Correct :
<head>
<style mip-custom>
p { color: #00f;}
</style>
</head>
<body>
<p>Hello World!</p>
</body>
- Incorrect :
<p style="color:#00f;">Hello World!</p>
Spécification de vérification
- 🎜🎜le tout en MIP HTML
- Correct :
on
ne peuvent pas être utilisés, tels que : < code style="font-size: 14px; line-height: 1.76em; ">onclick, < code style="font-size: 14px; line-height: 1.76em; ">onmouseover. 🎜🎜🎜🎜L'attribut on
est autorisé dans le MIP HTML. 🎜🎜🎜L'attribut style
n'est pas autorisé dans MIP HTML. 🎜🎜🎜Spécifications d'utilisation du style personnalisé🎜🎜En raison de considérations de performances, le style en ligne n'est pas autorisé en HTML et tous les styles ne peuvent être placés que dans la balise de style de l'en-tête. 🎜<head> <style mip-custom> p { color: #00f;} </style> </head> <body> <p>Hello World!</p> </body>
- Incorrect :
<p style="color:#00f;">Hello World!</p>
Spécification de vérification
Adresse de l'outil de vérification MIP :