<script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

一、超链接作用：

网页间或本地文件间相互跳转

二、超链接标签：a

网页跳转示例：

<a href="https://www.baidu.com/">百度网站</a>

本地跳转示例

<a href="second.html">跳转到第二个网站</a>

效果：

点击百度网站后，会跳转到百度网站

href属性：可以是跳转的网页或者本地文件的位置

target属性：

1、_self 默认值，在原来窗口打开链接

2、_blank 在新窗口打开链接（常用）

3、_parent 在父窗口打开链接

4、_top 在顶层窗口打开链接

示例：

<a href="https://www.baidu.com/" target="_blank">百度网站</a>

三、锚点链接

有些页面内容比较多，导致页面过长，此时用户需要不停拖动浏览器上的滚动条才可以看到下面的内容。为了方便用户操作，我们可以使用锚点链接来优化用户体验。

<input type="button" value="按钮"
onclick="javascrtpt:window.location.href='http://www.baidu.com/'" />

<button onclick="window.location.href='https://www.baidu.com/'">百度</button>

<a href="http://www.baidu.com/">
 <button>百度</button>
</a>

<a href="http://www.baidu.com/"><input type="button" value='百度'></a>

方api：https://uniapp.dcloud.io/component/rich-text.html

富文本<rich-text>标签提供了拦截点击事件@itemclick,可以拦截点击事件（只支持a、img标签），返回当前节点信息。

<rich-text :nodes="mcontent" @itemclick="itemclick"></rich-text>

1、项目中，富文本中a跳转实例子