mip-link 跳转链接

优质
小牛编辑
129浏览
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>