导语:百度mip推出之后,有很多的站长不知道怎么使用这种工具,上一节我们介绍了百度MIP的校验规则,这一节我们详细的介绍一下具体的demo示例。
首先是css样式的引入,使用的是以下一段代码:
< link type="text/css" rel="stylesheet" href="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.css" >
然后是js组件引入,包含了jq和amd
<script src="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.js" ></script>
下面是一个完整的例子
其中,p.mip-img-subtitle是可选的,表示图片的信息
插入文本
对应百度mip规范中的纯文本,和后面的mip-html兼容
基本使用
自定义样式
为了能够满足个性化的需求,mip-html的方式承接所有需要自定义的标签&样式。封装了比较常用的文本对齐、文本加粗、字号、背景、有序列表、无序列表、下划线、引用等
(1)基本使用
注:所有用户的自定义内容都必须在.mip-html中
(2)加粗
(3)居左、居中
其中,居左不需要做特殊处理,居右需要设置text-align: center
(4)列表
有序
无序
(5)字体颜色、背景色
和前面的机制一样,都是通过加style来解决
(6)下划线(u)
(7)引用
河南亿恩科技股份有限公司(www.enkj.com)始创于2000年,专注服务器托管租用,是国家工信部认定的综合电信服务运营商。亿恩为近五十万的用户提供服务器托管、服务器租用、机柜租用、云服务器、网站建设、网站托管等网络基础服务,另有网总管、名片侠网络推广服务,使得客户不断的获得更大的收益。
服务器/云主机 24小时售后服务电话:
0371-60135900
虚拟主机/智能建站 24小时售后服务电话:
0371-55621053
网络版权侵权举报电话:
0371-60135995
服务热线:
0371-60135900