MIP HTML規範


頭部使用規範

  • 起始標籤使用<!doctype html>

  • html標籤必須加上mip標記，即:  <html mip>

  • 必須包含<head>和 <body>標籤

  • #必須在head標籤中包含字元集宣告:  <meta charset="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）:

QQ截图20170204104936.png

#HTML 屬性

  • MIP HTML 中所有on 開頭的屬性都不允許使用，如：onclick##，onmouseover。

    • MIP HTML 中允許使用
  • on

    屬性。

    MIP HTML 中不允許使用
    • style
  • 屬性。
    • 自訂樣式使用規範

出於效能考慮，html 中不允許使用內聯style，所有樣式只能放到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校驗工具位址：

https://www.mipengine.org/validator/validate

→