了解完百度mip之后，很多站长不知道该怎么使用，如何去创建mip页面呢？创建一个基本的MIP HTML页面包括五步，分别是创建基础MIP HTML页面、引入图片、调整样式和布局、预览和验证。下面我们详细的介绍一下具体的步骤。
导语：了解完百度mip之后，很多站长不知道该怎么使用，如何去创建mip页面呢？创建一个基本的MIP HTML页面包括五步，分别是创建基础MIP HTML页面、引入图片、调整样式和布局、预览和验证。下面我们详细的介绍一下具体的步骤。
首先是创建基础的MIP HTML页面
下面这段代码是一个基础的 MIP HTML 的 demo 。将它复制到html文件中，并根据规范添加你想要的元素。
需要我们注意的是，页面中必须加载css文件https://mipcache.bdstatic.com/static/mipmain-v0.0.1.css 和 js文件https://mipcache.bdstatic.com/static/mipmain-v0.0.1.js，其中v0.0.1是版本号，功能升级之后版本号也会改变，开发中可以根据文档中的说明进行加载。
第二步：引入图片
html标签中图片的标签是<img>，而百度MIP HTML中图片标签使用的是组件<mip-img>
第三步：改变页面的样式
使用MIP HTML 时，页面样式是可以根据自己的需求自定义的，具体方法如下：
（1）改变样式
MIP HTML 是web页面，页面中任何元素的样式都可以通过普通的css属性来设计。使用时，在页面的head部分引入css样式，在css中，可以通过类或者元素选择器进行选择要修改样式的dom元素。例如：
<style mip-custom>
/* any custom style goes here */
body {
background-color: white;
}
mip-img {
background-color: gray;
border: 1px solid black;
}
</style>
需要我们注意的是，每个MIP HTML页面只能嵌入一个css样式，且<style> 标签需要标记自定义样式，即写成 <style mip-custo>。
（2）控件的布局
出于对性能的考虑，MIP页面暂时不支持第三方通过css来元素进行布局。
第四步：预览和验证
为了确保所开发的mip页面是有效的，在页面开发过程中校验规则是需要非常严格的。
开发完成之后需要预览，预览的方式可以按照普通的HTML站点预览方式，有以下两种方式可以选择：
（1）直接在浏览器中打开（由于XML Http Requests失败可能会导致某些元素预览失败）
（2）在本地部署一个服务，如apache，nginx等
在开发过程中细节方面出现小差错是难免的，可以通过以下方式进行mip页面的验证：
1） 在浏览器中打开页面
2）打开控制台， 验证错误
到了这一步就算是完成了页面的本地测试，而且错误也被修复了，也就是说你的第一个MIP页面已经准备好了。
河南亿恩科技股份有限公司(www.enkj.com)始创于2000年，专注服务器托管租用，是国家工信部认定的综合电信服务运营商。亿恩为近五十万的用户提供服务器托管、服务器租用、机柜租用、云服务器、网站建设、网站托管等网络基础服务，另有网总管、名片侠网络推广服务，使得客户不断的获得更大的收益。
服务器/云主机 24小时售后服务电话：
0371-60135900
虚拟主机/智能建站 24小时售后服务电话：
0371-55621053
网络版权侵权举报电话：
0371-60135995
服务热线：
0371-60135900
