如何新建一个标准的百度MIP页面

  • 时间:
  • 浏览:2100
  • 来源:MIPCMS演示站

我们先说说百度mip是什么?官方说法是移动加速器,你可以简单的理解为一种页面标准,这样的标准是建立的w3c标准上的附加标准。这样标准是百度mip官方定义的,如果想修改标准,也是可以的,很多技术标准是修订出来的,既然是修订那么就有他完善的地方,只有不断完善的修订才是标准。就好比MIPCMS是一个mip建站系统一样,只有在不断的吸取站长们的意见和建议,才能完善出一套属于站长们的建站系统。

建立一个mip页面是非常简单的,在mip官方有完整的demo例子,当然对于熟悉html的小伙伴们来说,那是轻而易举,但似乎对于小白来说确实是一头雾水。对于小白来说,既然不能看懂 ,那么就不需要看懂,只需要明白几点即可避免做出不合格的mip页面。如果你使用mipcms,那么很高兴地说,你不需要了解这些技术,你只需要完善你的站点内容即可,因为mipcms出生自带mip版移动站(配置移动版域名即可拥有)。

下面就带大家新建一个完整的mip页面:

<!DOCTYPE html>
<html mip>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
    <title>这个是网站标题</title>
    <meta name="description" content="这个是描述">
    <meta name="keywords" content="这个是关键词">
    <link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css">
    <style mip-custom>
    <!--这里是页面的css样式代码 使用mipcms 支持单独css文件,也可以配合scss生成css-->
    </style>
    <link rel="canonical" href="http://www.mipcms.com/"> 
    <!--这是链接权重指向 具体的可以查看官网指向说明-->
</head>
<body>
  //这里就是网页内容了
  <a data-type="mip" href="http://www.mipcms.com/" data-title="mipcms">点击跳转到mipcms官网</a>
  <script src="https://mipcache.bdstatic.com/static/v1/mip.js"></script>
</body>
</html>


↑ 这个是普通的HTML格式


↑ 这个是标准mip页面代码

当然,除了上面图例标识出来外,那么你的页面需要引入两个文件 一个是mip.css 一个是 mip.js

除了上面的还要注意一点页面中是不能添加自定义js代码的。其实对于写模板的人来说,只要在制作mip模板的时候注意一些官方定义的标准就能很轻松的完成mip页面的制作。

制作完后,要记得去校验哦,这里提供一个校验地址:http://www.mipcms.com/tool/ 当然这个地址是mipcms基于百度mip开源库搭建的校验地址,为了方便用户快速的找到这个地址,使用mipcms的用户只要打开你的站点底部的版权标识就能快速找到校验地址了,方便大家校验页面是否合格。

猜你喜欢

MIP案例-258资源站

演示地址:https://mip.258369.cn/

2018-11-10

【双11活动】MIP站群管理系统活动

因广大站长要求,我们推送双11站群活动,原价5000元的系统,现在只要首付3000元即可拥有一套MIP站群管理系统。MIP站群管理系统功能了解链接:https://www.mi

2018-11-01

【双11活动】MIPCMS版权授权活动

MIPCMS是苏州三三云网络科技有限公司产品,拥有国家软件著作权,登记号:2018SR838831,使用者在约束条件下需保留MIPCMS版权信息。因广大站长的要求,我们特推出双

2018-10-30

百度小程序源码免费开源了

随着百度小程序的出现,很多MIP建站系统的用户也想要制作一个百度小程序,于是我们为大家开发了一套简易版本的资讯小程序,现在免费将百度智能小程序源码免费开源,用户可以下载后参看教

2018-10-28

庆祝1024程序员狂欢节,MIPCMS推出1024年会员

为了帮助更多的用户使用MIPCMS,以及解决那些使用MIPCMS因为个人原因而导致的问题,我们推出1024年会员活动。该活动主要是帮助用户进行技术支持服务。技术支持包括但不限于

2018-10-23