Spesifikasi HTML MIP


Spesifikasi penggunaan pengepala

  • Teg permulaan menggunakan <!doctype html>

  • teg html mesti ditambah dengan teg mip, iaitu: <html mip>

    mesti mengandungi
    • ;
  • dan Teg <body>

  • mesti mengandungi pengisytiharan set aksara dalam teg kepala: <meta charset="utf-8">, set aksara disatukan sebagai 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
Teg tetapan viewport mesti disertakan dalam teg kepala: <meta name="viewport" content="width=device-width,initial-scale=1">, adalah disyorkan untuk memasukkan skala minimum=1

Mesti sertakan < pautan rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css" >🎜🎜🎜🎜 Mesti sertakan <script src="https://mipcache.bdstatic.com/static/v1/mip.js" ></script >🎜🎜🎜 🎜mesti mengandungi<pautan rel dalam teg kepala ="canonical" href="http(s)://xxx" >🎜🎜🎜

Spesifikasi penggunaan elemen halaman🎜🎜MIP HTML melarang penggunaan elemen yang mempunyai kesan yang lebih besar pada prestasi halaman dan teg keselamatan, sila gantikannya dengan teg unik MIP (contohnya: gantikan teg img dengan mip-img ): 🎜🎜700 tangkapan skrin QQ2 >🎜<h2 id=Atribut HTML🎜
    🎜🎜semua dalam MIP HTMLon tidak dibenarkan digunakan, seperti: < code style="font-size: 14px; line-height: 1.76em; ">onclick, < code style="font-size: 14px; line-height: 1.76em; ">onmouseover. 🎜🎜🎜🎜Atribut on dibenarkan dalam HTML MIP. 🎜🎜🎜Atribut style tidak dibenarkan dalam HTML MIP. 🎜🎜🎜Spesifikasi penggunaan gaya tersuai🎜🎜Disebabkan pertimbangan prestasi, gaya sebaris tidak dibenarkan dalam html, dan semua gaya hanya boleh diletakkan dalam tag gaya kepala. 🎜
    • Betul: 
    <head>
    <style mip-custom>
        p { color: #00f;}
    </style>
</head>
<body>
    <p>Hello World!</p>
</body>
    • Salah: 
    <p style="color:#00f;">Hello World!</p>

    Spesifikasi pengesahan

    Alamat alat pengesahan MIP: https://www.mipengine.org/validator/validate

→