閱讀(8.1k) 書簽贊(0) 我要糾錯

MIP HTML規(guī)范

2018-11-07 17:28 更新

頭部使用規(guī)范

起始標簽使用 <!doctype html>
html標簽必須加上mip標記，即: <html mip>
必須包含 <head>和 <body>標簽
必須在head標簽中包含字符集聲明: <meta charset="utf-8">，字符集統(tǒng)一為utf-8
必須在head標簽中包含viewport設(shè)置標簽: <meta name="viewport" content="width=device-width,minimum-scale=1">，推薦包含initial-scale=1
必須在head標簽中包含 < link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/mipmain-v1.1.1.css" >
必須在body標簽中包含 <script src="https://mipcache.bdstatic.com/static/mipmain-v1.1.2.js" ></script >
必須在head標簽中包含 <link rel="canonical" href="http(s)://xxx" >

MIP HTML 禁止使用對頁面性能以及安全有較大影響的標簽，請將其替換為MIP的特有標簽（例如:將img標簽替換為mip-img）:

標簽	使用范圍	備注
img	替換為mip-img
video	替換為mip-video
audio	替換為mip-audio
iframe	替換為mip-iframe
style	替換為<style mip-custom>	只能在head標簽中使用一次
script	禁止使用	禁止使用script標簽, 以下兩種情況除外：1）外鏈mip組件所需js，2）type為 "application/ld+json" 或 "application/json"
svg	允許使用
button	允許使用
link	允許使用	不允許使用link標簽進行樣式表的加載
a	允許使用	不可以href="javascript:"，target必須設(shè)置為_blank
frame	禁止使用
frameset	禁止使用
object	禁止使用
param	禁止使用
applet	禁止使用
embed	禁止使用
form	替換為mip-form	內(nèi)部允許使用input標簽
input elements	禁止使用	包括: input, textareaa, select, option

出于性能考慮，html 中不允許使用內(nèi)聯(lián)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>

以上內(nèi)容是否對您有幫助：

寫筆記

我要補充