|
网页超链接的作用
6 p5 I1 e v; [# V我想但凡是熟悉HTML的朋友,对超链接一定不会陌生。而今天我们要讨论和使用的只是超链接中的其中一种---网页超链接,即使用HTML中的<a>标签将某段文字链接到其他网页上去,示例如下:1 n- i$ n3 O+ y' P; h
/ h* ^" p) }& J) c5 i
- <a >QQ地带</a>
. I( D. [6 b3 B1 V' \
4 m; E( D- l3 S+ _( F9 l上面是一段标准的HTML代码,实现了一个网页超链接,即将“柳峰的博客”5个字链接到了博客主页URL,当“柳峰的博客”5个字时,会打开http://blog.csdn.net/lyq8479所指向的网页。
3 P8 K8 A- d3 {9 F1 [5 T- ]5 t3 M& _# s* V' _* ~
如何在文本消息中使用网页超链接7 O- E" {7 Z! [9 {3 O
其实,不知道如何在文本消息中使用网页超链接的开发者几乎100%都熟悉HTML,特别是对HTML中的<a>标签再熟悉不过了。那到底在微信公众帐号的文本消息中使用超链接有什么特别之处呢?为什么如此多的朋友都曾经在这个问题上栽过跟头?我们先来看在微信中两种错误使用超链接的方法:( m& r6 T4 ^- T6 e) Q# @# }
错误用法1(a标签的href属性值未被引号引起):) u# J9 J# y; s1 h1 h: |
$ C Z, q2 s3 A2 _ N7 b4 d8 D4 D. ^- <a href=http://www.oicqzone.com/>QQ地带</a>
9 _+ e6 q6 S, F) k* F0 n/ W
8 S" f3 J# C7 \9 g2 I错误用法2(a标签的href属性值被单引号引起):
/ q: Z* B/ ~3 U. {( y% i. `; s: e8 U2 ?& ?1 g" R- W
- <a >QQ地带</a> / E% m& \: D6 \
6 S- V( K S- ^/ R7 a7 ^在做Web开发时,以上两种写法都是可以的,但是放在微信公众帐号的文本消息中,这两种写法都是错误的,网页超链接并不会起作用,而且在Android手机上还会将HTML代码原样显示出来,如下图所示:
8 C; a7 a4 w. i$ s# R+ JAndroid手机上的效果:; s6 y7 `$ T& a! ?2 o
) u8 t. ~8 Q5 L4 u/ a! _1 E9 G
$ B: v1 }: d% _! o8 c9 }& i1 ciPhone手机上的效果:
$ @) e6 F. K4 V8 P7 L4 p n4 q6 R& a! @% Q* r) e
9 ]: @+ A- s* ~& i% @; T
可以看出,在微信上,HTML的a标签属性值不用引号引起,或者使用单引号引起,都是错误的写法(在iPhone上,a标签属性href的值用单引号是正常的)。正确的用法是将a标签href属性的值用双引号引起,代码如下: ~" O3 ]* P1 h: ?3 Z% R- i
9 i: b* d+ Q U% O- <a >QQ地带</a> 7 B M; x9 W5 v$ c5 k
, R) O" H8 H3 S7 F4 A! T5 e# s这样在Android和iPhone手机上,都可以正确显示超链接,并且点击该超链接,会使用微信内置浏览器打开http://www.oicqzone.com/。
% W. [2 L4 p. H# q* V: ?% b提示:在测试微信公众帐号时,不要只是在自己的手机上测试通过就认为完全没问题了,因为目前微信公众帐号上有好几处在Android和iOS平台上表现不一致。: x0 s- N# ^4 W6 o* z% J+ s2 A, d
/ a- ]/ f8 p- m# L8 c
|
|