MIP文档手册

浏览14559
更新时间2022-04-11

头部使用规范

  • 起始标签使用 <!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 开头的属性都不允许使用,如: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

相关视频

更多

免费

Web前端开发极速入门
初级Web前端开发极速入门

222009次学习

收藏

免费

前端入门_HTML5
初级前端入门_HTML5

624779次学习

收藏

免费

30分钟学会网站布局
初级30分钟学会网站布局

240776次学习

收藏

免费

CSS视频教程-玉女心经版
初级CSS视频教程-玉女心经版

397544次学习

收藏

免费

独孤九贱(1)_HTML5视频教程
初级独孤九贱(1)_HTML5视频教程

623446次学习

收藏

精品课程

更多
前端入门_HTML5
前端入门_HTML5

共29课时 | 62.5万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时 | 39.8万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时 | 73.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号