MIP 検証ルール


MIP検証ルール

MIPページには厳格な標準検証があり、検証に合格しない問題は許可されません。

MIP検証ツールのアドレス:https://www.mipengine.org/validator /validate

このドキュメントは、開発者が検証の内容とルールを見つけ、失敗した検証

MIP HTMLタグと属性エラー

1の必須タグが欠落している

QQ截图20170204105436.png

In In In MIP HTMLの理由を迅速に特定できるようにすることを目的としています。 、必須タグには次のものが含まれます:

QQ截图20170204105531.png

追記: メタタグ名 = "ビューポート" の場合、コンテンツの値には少なくとも width=device-width、minimum-scale=1、initial-scale=1 の 3 つの属性が含まれている必要があります。順序は決まっていません。

2. 無効なタグ

QQ截图20170204110129.png

無効なタグ、または置換が必要なタグについては、MIP HTML 仕様

3 を参照してください。

QQ截图20170204110151.png

HTMLの場合 タグの属性値が不正な場合にこのエラーが報告されます。 mip で注意すべき点は次のとおりです:

  • a: href 属性では JavaScript: プロトコルの使用が許可されていません。

  • a: target 属性は

    _blank

  • mip-img

    に設定する必要があります。
      src: URL である必要があります
  • mip-pix

      src: https をサポートするアドレス URL である必要があります
    • Baidu Cloud によって提供される https プロキシを選択する場合、URL には「t={」が含まれている必要があります。 TIME}&title={TITLE}&host={ HOST}&from=baidu"
  • その他の HTML 基本ページ属性仕様は変更ありません

注:
1. MIP HTML の URL は強制的に https になります
2. <a>标签:

   - <a href="javascript:xxx()"></a><a>
Tag:<a href="xxx" target="_blank"></a> 对

4. 属性值的无效值

QQ截图20170204110306.png

可能出现属性值的无效值的情况：

  • <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> -

      <a href ="javascript:xxx()"></a>
      • 間違っています
    -
<a href="xxx" target="_blank"></a>
はい

4. 属性値が無効です

< img src="http://img.php.cn/upload/image/511/711/670/1486177364826455.png" title="1486177364826455.png" alt="QQ スクリーンショット 20170204110306.png"/>QQ截图20170204110335.png

値が無効ですの属性値が発生する可能性があります:

  • <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>

QQ截图20170204110355.png

外部リンクMIPで必要なjsに加えて、スクリプトのtype属性値タグは application/ld+json または application/json である必要があります

🎜🎜🎜注:🎜1. 上記の値を除くすべての値は無効です🎜🎜5. 必須属性が欠落しています🎜🎜🎜🎜たとえば、必須属性を持つ mip html および mip-pix src の mip-img: 🎜🎜🎜mip-img🎜🎜src🎜🎜🎜🎜mip-pix🎜🎜src🎜🎜🎜🎜🎜6. 直接の親タグエラー🎜🎜🎜 🎜🎜一部のタグには、指定された直接の親タグがあります。次の例は、各タグに必要な直接の親タグを示します。
  • !doctypeの直接の親タグはroot
  • headです 直接の親タグはhtml
  • bodyです 直接の親タグはhtml
  • linkです 直接の親タグはhead
  • meta は head
  • style mip-custom の直接の親タグは head
  • style 直接の親タグは boilerplate

7. 不法な親タグ

QQ截图20170204110416.png

の例:

  • <body> の子タグは <head> に記述されます<body>的子标签写在了<head>中

8. 强制父级标签

QQ截图20170204110434.png

  • img 必须是noscript的子级标签
  • video 必须是noscript的子级标签
  • audio 必须是noscript的子级标签
  • head 中使用 noscript 时必须作为head的最后一个子节点, body中的noscript没有限制

9. 唯一标签重复

QQ截图20170204110507.png

一份html中，有的标签具有唯一性，也就是说只能出现一次，当html中有重复的唯一标签的时候，应该报错。

以下是唯一标签列表：

  • <doctype html>
  • <html mip>
  • <head>
  • <link rel="canonical" href=...>
  • <meta charset="utf-8">
  • <meta viewport>
  • <style mip-custom>
  • <body>

    • 8. 親レベルのタグを強制する

QQ スクリーンショット 20170204110434.png🎜 🎜🎜img は noscript の子タグである必要があります🎜🎜video は noscript の子タグである必要があります🎜🎜audio は noscript の子タグである必要があります🎜🎜head で noscript が使用される場合、それは head の最後の子ノードでなければなりません。body での noscript には制限はありません🎜 🎜

9 . 固有のタグが重複しています 🎜🎜QQ スクリーンショット20170204110507.png 🎜🎜 HTML の一部では、一部のタグが一意です。つまり、タグは 1 回しか出現できません。HTML 内に重複する一意のタグがある場合、エラーが報告されます。 🎜🎜以下は固有のタグのリストです: 🎜🎜🎜<doctype html> 🎜🎜< code><html mip>🎜🎜<head>🎜🎜 <link rel="canonical" href=...>🎜🎜< meta charset= "utf-8">🎜🎜<メタ ビューポート>🎜🎜<style mip-custom>🎜🎜<body>🎜🎜🎜