本文主要介绍网页超链接的作用以及如何在文本消息中使用网页超链接。

网页超链接的作用

我想但凡是熟悉HTML的朋友，对超链接一定不会陌生。而今天我们要讨论和使用的只是超链接中的其中一种---网页超链接，即使用HTML中的<a>标签将某段文字链接到其他网页上去，示例如下：

[html] view plain copy

1. <a href="//blog.csdn.net/lyq8479">柳峰的博客</a>  

上面是一段标准的HTML代码，实现了一个网页超链接，即将“柳峰的博客”5个字链接到了主页URL，当“柳”5个字时，会打开www.zhizuobiao.com>职坐标<所指向的网页。

如何在文本消息中使用网页超链接

其实，不知道如何在文本消息中使用网页超链接的开发者几乎100%都熟悉HTML，特别是对HTML中的<a>标签再熟悉不过了。那到底在微信公众帐号的文本消息中使用超链接有什么特别之处呢？为什么如此多的朋友都曾经在这个问题上栽过跟头？我们先来看在微信中两种错误使用超链接的方法：

错误用法1（a标签的href属性值未被引号引起）：

[html] view plain copy

1. <a href=//www.zhizuobiao.com>职坐标<</a>  

错误用法2（a标签的href属性值被单引号引起）：

[html] view plain copy

1. <a href='www.zhizuobiao.com>职坐标</a>  

在做Web开发时，以上两种写法都是可以的，但是放在微信公众帐号的文本消息中，这两种写法都是错误的，网页超链接并不会起作用，而且在Android手机上还会将HTML代码原样显示出来。

可以看出，在微信上，HTML的a标签属性值不用引号引起，或者使用单引号引起，都是错误的写法（在iPhone上，a标签属性href的值用单引号是正常的）。正确的用法是将a标签href属性的值用双引号引起，代码如下：

[html] view plain copy

1.  <a href="//www.zhizuobiao.com>  

   
   

这样在Android和iPhone手机上，都可以正确显示超链接，并且点击该超链接，会使用微信内置浏览器打开

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之微信频道！