MIP HTML规范

湖南SEO磐石网络  2017-03-23 09:47  阅读 605 次

头部使用规范

  • 起始标签使用 <!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="http://modernartwatch.com/zjepohtfp/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://modernartwatch.com/zjepohtfp/iuuq(t)://yyy" >
  • 页面元素使用规范

    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
    允许使用
    a
    允许使用,建议使用mip-link组件代替
    不可以href="javascript:",target必须设置为_blank
    frame
    禁止使用
    frameset
    禁止使用
    object
    禁止使用
    param
    禁止使用
    applet
    禁止使用
    embed
    禁止使用
    form
    替换为mip-form
    内部允许使用input、textarea标签
    input elements
    禁止使用
    包括: select, option

    HTML 属性

  • MIP HTML 中所有 on 开头的属性都不允许使用,如:onclickonmouseover
  • 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

    本文地址:http://www.xiangtanseo.com/yidongseo/235.html
    关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:aiboke112
    版权声明:本文为原创文章,版权归 湖南SEO磐石网络 所有,欢迎分享本文,转载请保留出处!

    发表评论


    表情