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

xh771117

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

  D0 D5 O3 D# ~5 g

• <a >QQ地带</a>   
  6 i. ~  J/ R, l2 S$ z& n

  B* K" X7 G9 k* s# q上面是一段标准的HTML代码，实现了一个网页超链接，即将“柳峰的博客”5个字链接到了博客主页URL，当“柳峰的博客”5个字时，会打开http://blog.csdn.net/lyq8479所指向的网页。
$ q9 I" K3 a5 f
如何在文本消息中使用网页超链接
. i6 I: y8 l4 L' }9 @其实，不知道如何在文本消息中使用网页超链接的开发者几乎100%都熟悉HTML，特别是对HTML中的<a>标签再熟悉不过了。那到底在微信公众帐号的文本消息中使用超链接有什么特别之处呢？为什么如此多的朋友都曾经在这个问题上栽过跟头？我们先来看在微信中两种错误使用超链接的方法：
% f9 P* [% x1 |错误用法1（a标签的href属性值未被引号引起）：
, |. Z3 S4 I" D' d! y, ~7 Q
0 J# C: A, @% q

• <a href=http://www.oicqzone.com/>QQ地带</a>   
  5 c9 n: a( Z/ m* B/ ~0 a$ @

# h4 V  o, Q6 Z2 P3 F! u错误用法2（a标签的href属性值被单引号引起）：
3 S$ `' o$ k/ }
/ w# }8 [- t( Q! Z1 V

• <a >QQ地带</a>   
  2 S$ p2 A% y4 y+ _; d

4 d8 Q- J) r, h; R在做Web开发时，以上两种写法都是可以的，但是放在微信公众帐号的文本消息中，这两种写法都是错误的，网页超链接并不会起作用，而且在Android手机上还会将HTML代码原样显示出来，如下图所示：
Android手机上的效果：


: z! U- h# h2 `- B. MiPhone手机上的效果：

$ ?3 C. n/ x8 M
可以看出，在微信上，HTML的a标签属性值不用引号引起，或者使用单引号引起，都是错误的写法（在iPhone上，a标签属性href的值用单引号是正常的）。正确的用法是将a标签href属性的值用双引号引起，代码如下：
' Y/ c2 |( V( G

• <a >QQ地带</a>   
  

% D6 h$ y5 m' X" O& [这样在Android和iPhone手机上，都可以正确显示超链接，并且点击该超链接，会使用微信内置浏览器打开http://www.oicqzone.com/。
/ w0 g3 `5 A1 V0 {4 C, |! i* [提示：在测试微信公众帐号时，不要只是在自己的手机上测试通过就认为完全没问题了，因为目前微信公众帐号上有好几处在Android和iOS平台上表现不一致。
- F) G2 a, Y8 H8 B+ t0 O

杰崽。。。

感谢分享。