超链接是什么(一键超链接是什么意思)
大家都是产品经理【起点学院】，BAT居然派产品总监带你通过系统学习产品和运营。
设计产品时，细节是产品经理最头疼的问题。一个按钮和一个链接需要考虑的细节太多了。笔者整理了一些常见的功能设计问题，一篇文章就能看懂这些功能设计。过来学习。
定义
链接也称为超链接。超链接是指从一个网页到目标的连接，目标可以是另一个网页、同一网页上的不同位置、图片、电子邮件地址、文件，甚至是应用程序。网页中用于超链接的对象可以是一段文本或一张图片。当查看者点击链接的文本或图片时，链接的目标将显示在浏览器上，并根据目标的类型打开或运行。
模式
链接可以是一个单词、一段文字、一个按钮或一张图片。当你点击它，你会跳到另一个目标。当你将鼠标指针移动到一个链接上时，它会变成一只小手。当然这个功能是手机没有的。
1.文本样式的链接
文字链接在搜索引擎的网站上通常以蓝色出现，并且大多会加下划线以便识别。但如今，考虑到不影响文字可读性和用户体验，下划线逐渐取消。在其他一些网站中，考虑到界面设计风格的各种因素，而不是蓝色。
谷歌的文本链接是蓝色的，没有下划线。
百度的文字链接也是蓝色的，关键词是红色加下划线的。
JD。COM的文字链接是灰色、白色和黑色的。
2.按钮样式的链接
按钮样式的链接比文本样式的链接更容易识别，而且每个按钮都是相同的链接。
按钮样式链接
3.图片样式的链接
图片的链接可以是单张图片，也可以是由文字和按钮组成的图片，但是鼠标指针扫过图片的任何一部分都会变成一只小手。
比如桌面弹出这个游戏widget的图片链接。
由文本/图片/按钮样式组成的图形按钮，鼠标可以点击图片的任何部分。
开放模式
链接的打开方式有三种:第一种方式是刷新跳转到当前页面，这是国外大部分网站的打开方式；第二种是在一个新的标签页上打开链接，国内多采用；三是提示用APP打开。现在当然有了新的打开方式，就是二维码扫描。
提示用美拍APP打开
类型
根据连接路径的不同，网页中的超链接一般分为以下三种:内部链接、锚链接和外部链接。
链接也可以分为动态链接和静态链接。动态超链接是指可以通过改变HTML代码来动态改变的链接。例如，我们可以将鼠标移动到文本链接上，文本会像动画一样移动或改变颜色，或者我们可以将鼠标移动到图片上，图片会有反色或模糊的效果。静态链接，顾名思义，就是没有动态效果的链接。
1.内部链接
与外部链接(即反向链接)相反，内部链接是指同一网站域名下的内容页面之间的链接。比如频道、栏目、终极内容页面之间的链接，甚至网站内关键词之间的标签链接，都可以归为内部链接。因此，我们也可以称内部链接为内部链接。内部链接的优化其实就是网站内部链接的优化。
2.锚链
HTML中的链接应该正确的叫“锚”，其命名的锚链接(也叫书签链接)常用于那些内容庞大繁琐的网页。通过点击命名锚点，我们不仅可以指向文档，还可以指向页面中的特定段落，它可以作为“精确链接”的便捷工具，使链接的对象靠近焦点。方便访问者浏览网页内容。类似于我们看书时的目录页码或者章节提示。标记锚点是分配给页面特定部分的最佳方式。
3.外部链接
外部链接，通常也被称为“反向链接”或“导入链接”，是指通过其他网站链接到您的网站。
外部链接指的是搜索引擎与其他网站的友好链接。高质量的外链是指与您的网站建立了链接的知名度高、访问量大、外链相对较少的其他网站的友好链接，有助于快速提高您的网站知名度和排名。
根据用户的不同，网页中的链接可以分为文本超链接、图片超链接、电子邮件链接、锚点链接、多媒体文件链接、空链接等。
链接是以特殊编码的文本或图形形式链接的对象。如果点击链接，相当于指示浏览器移动到同一网页的某个位置，或者打开一个新的网页，或者新的WWW网站中的网页。
链接状态
链接交互一般有四种状态，即默认状态/悬停状态/点击状态/点击状态。比如谷歌网站的交互体验。如下图:
点击之前
悬停时，下方会出现半透明线条。
点击时有涟漪绽放的动态效果。
点开之后，下面的线比较粗。
有时候有三种状态，比如Baidu.com和知乎App:
默认状态
单击时，链接会变成红色。
单击链接会变成紫色。
IOS知乎应用有三种状态，安卓系统没有硬点。
默认状态
点击状态
用力点击弹出预览窗口。
有时候只有2个状态，如下图所示:Google.com:
默认状态与单击后的状态相同。
鼠标悬停时出现下划线。
默认状态
点击时间
有时候，比如在APP里，总是只有一种状态，也可以叫静态链接。前一个可以叫动态链接。在不同的使用场景下，会根据当时的情况选择最合适的交互体验设计。在某些情况下，会加入点击声音，让用户体验更愉悦，这在移动端更常用。
总之，链接是网页不可或缺的一部分，每个链接的呈现都是经过深思熟虑的。
作者:潘(简书作者)
本文由@潘授权发布。人人都是产品经理，未经作者允许，禁止转载。
