|
网页超链接的作用# c3 T; f5 v8 X7 }
我想但凡是熟悉HTML的朋友,对超链接一定不会陌生。而今天我们要讨论和使用的只是超链接中的其中一种---网页超链接,即使用HTML中的<a>标签将某段文字链接到其他网页上去,示例如下:6 P" \5 ~; ^" B/ D2 f7 r
8 A, N4 \% h8 F4 {
- <a >QQ地带</a>
, L" I# i) c" T% a. R. t # X" m% L+ ^# t
上面是一段标准的HTML代码,实现了一个网页超链接,即将“柳峰的博客”5个字链接到了博客主页URL,当“柳峰的博客”5个字时,会打开http://blog.csdn.net/lyq8479所指向的网页。) q3 N# z; N9 u: T/ V T! ^7 r
$ R' V1 G1 l* p6 t3 d如何在文本消息中使用网页超链接. z5 u( Z B" O" a1 J; S
其实,不知道如何在文本消息中使用网页超链接的开发者几乎100%都熟悉HTML,特别是对HTML中的<a>标签再熟悉不过了。那到底在微信公众帐号的文本消息中使用超链接有什么特别之处呢?为什么如此多的朋友都曾经在这个问题上栽过跟头?我们先来看在微信中两种错误使用超链接的方法:
3 g$ s' ^+ ?( q I1 `/ T错误用法1(a标签的href属性值未被引号引起):
+ `# ^, D$ ?9 }/ l+ \6 b6 O. n8 V$ a3 x2 f( }& V9 U- g5 F
- <a href=http://www.oicqzone.com/>QQ地带</a>
6 _5 A3 }! |+ Y4 a: |' { - p6 P5 Z! u3 @
错误用法2(a标签的href属性值被单引号引起):
4 e6 P" I! T1 y1 w
* G9 F; I7 w8 }* @- <a >QQ地带</a> : N0 y- l2 |4 p* e5 a3 e$ J
( ]& \; f z0 p# C0 F" x在做Web开发时,以上两种写法都是可以的,但是放在微信公众帐号的文本消息中,这两种写法都是错误的,网页超链接并不会起作用,而且在Android手机上还会将HTML代码原样显示出来,如下图所示:
4 g, j1 z- i/ q) ] gAndroid手机上的效果:1 M3 g* |+ _ {! S
3 Z$ g/ N, O0 `- \
& e1 j" m5 B; v# G5 k6 \8 ?iPhone手机上的效果:$ Q+ }6 K& f) `5 [& C- X
8 T8 \! W$ z! ~, |7 k2 W/ v* q
& M% a8 m9 G1 x( h
可以看出,在微信上,HTML的a标签属性值不用引号引起,或者使用单引号引起,都是错误的写法(在iPhone上,a标签属性href的值用单引号是正常的)。正确的用法是将a标签href属性的值用双引号引起,代码如下:
# [" w; L1 n* V, y2 U$ S
/ O' B9 w9 q. k3 }- <a >QQ地带</a>
; J( D5 U5 [7 t: d
$ q( G. _5 W2 e这样在Android和iPhone手机上,都可以正确显示超链接,并且点击该超链接,会使用微信内置浏览器打开http://www.oicqzone.com/。
$ V+ y* k% f" j) e& x0 n& t提示:在测试微信公众帐号时,不要只是在自己的手机上测试通过就认为完全没问题了,因为目前微信公众帐号上有好几处在Android和iOS平台上表现不一致。
' m, \: g3 K, A) \3 V3 Y j' M4 r
|
|