MIP HTML仕様
ヘッダー使用仕様
開始タグは<!doctype html>を使用します
htmlタグはmipタグとともに追加する必要があります。つまり、<html mip>
には<head>が含まれている必要があります。 <body>
の head タグに文字セット宣言を含める必要があります: <meta charset="utf-8">、文字セットは
utf-8utf-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
ビューポート設定タグは head タグに含める必要があります: <meta name="viewport" content="width=device-width,initial-scale=1">、minimum-scale=1
🎜リンク rel="stylesheet" type="text/css" href="ページ要素の使用仕様🎜🎜MIP HTML では、ページのパフォーマンスに大きな影響を与える要素やセキュリティ タグを使用している場合は、MIP の固有のタグに置き換えてください (例: img タグを mip-img に置き換えます) ): 🎜🎜
🎜HTML 属性🎜🎜🎜すべて MIP HTML 内on で始まる属性は使用できません。< code style="font-size: 14px; line-height: 1.76em; ">onclick, < code style="font-size: 14px; line-height: 1.76em; ">マウスオーバー。 🎜🎜🎜🎜MIP HTML では on 属性が許可されています。 🎜🎜🎜 style 属性は MIP HTML では使用できません。 🎜🎜🎜カスタムスタイルの使用仕様🎜🎜パフォーマンス上の理由から、HTMLではインラインスタイルは許可されておらず、すべてのスタイルはheadのstyleタグ内にのみ配置できます。 🎜- 正:
<head>
<style mip-custom>
p { color: #00f;}
</style>
</head>
<body>
<p>Hello World!</p>
</body>- 誤:
<p style="color:#00f;">Hello World!</p>
検証仕様
- 🎜🎜すべて MIP HTML 内
- 正:
on で始まる属性は使用できません。< code style="font-size: 14px; line-height: 1.76em; ">onclick, < code style="font-size: 14px; line-height: 1.76em; ">マウスオーバー。 🎜🎜🎜🎜MIP HTML では on 属性が許可されています。 🎜🎜🎜 style 属性は MIP HTML では使用できません。 🎜🎜🎜カスタムスタイルの使用仕様🎜🎜パフォーマンス上の理由から、HTMLではインラインスタイルは許可されておらず、すべてのスタイルはheadのstyleタグ内にのみ配置できます。 🎜<head>
<style mip-custom>
p { color: #00f;}
</style>
</head>
<body>
<p>Hello World!</p>
</body>- 誤:
<p style="color:#00f;">Hello World!</p>
検証仕様
MIP検証ツールのアドレス:
