mip-link 跳转链接
优质
小牛编辑
134浏览
2023-12-01
实现两个 MIP 页面之间互相跳转的功能。
标题 | 内容 |
---|---|
类型 | 通用 |
支持布局 | N/S |
所需脚本 | https://c.mipcdn.com/static/v2/mip-link/mip-link.js |
升级说明
由于 <mip-link>
的标签不利于搜索引擎识别,故将 <mip-link>
的自定义标签升级成 <a>
标签上直接扩展,使用方法见下文。之前的方式还是能够正常使用。
示例
<a data-title="目标页面标题" href="/doc/00-mip-101.html">链接文字</a>
属性
href
说明:目标网址
必选项:是
类型:字符串
取值范围:https?://.*
, mailto:.*
, tel:.*
data-type
说明:URL 类型,目前只能取值 mip
,代表是这个子链的 MIP 页面
必选项:否
类型:字符串
取值范围:mip
默认值:""
注意: 如果不是 href 对应的落地页面不是 MIP 页面,请去掉这个属性
data-title
说明:目标页面标题
必选项:否
类型:字符串
取值范围:任何
默认值:""
mip-link 标签使用的方式(不推荐)
1、引入脚本
https://c.mipcdn.com/static/v2/mip-link/mip-link.js
2、添加代码
<mip-link title="目标页面标题" href="/doc/00-mip-101.html">链接文字</mip-link>