|
|
网页超链接的作用
& w# N8 \; G9 T0 r( c; G' ?我想但凡是熟悉HTML的朋友,对超链接一定不会陌生。而今天我们要讨论和使用的只是超链接中的其中一种---网页超链接,即使用HTML中的<a>标签将某段文字链接到其他网页上去,示例如下:$ v S- o, G: T2 P! q8 ^) Z
6 G6 a& U" z- H' u
- <a >QQ地带</a> % [9 G, h* {( n! d
* w8 e4 ]/ m2 Z2 U+ l7 v上面是一段标准的HTML代码,实现了一个网页超链接,即将“柳峰的博客”5个字链接到了博客主页URL,当“柳峰的博客”5个字时,会打开http://blog.csdn.net/lyq8479所指向的网页。
f/ d0 b' E. `6 h" B+ j D0 G& r! Z
如何在文本消息中使用网页超链接/ j. H0 `" ?3 C
其实,不知道如何在文本消息中使用网页超链接的开发者几乎100%都熟悉HTML,特别是对HTML中的<a>标签再熟悉不过了。那到底在微信公众帐号的文本消息中使用超链接有什么特别之处呢?为什么如此多的朋友都曾经在这个问题上栽过跟头?我们先来看在微信中两种错误使用超链接的方法:$ n3 W1 p$ j1 y: N
错误用法1(a标签的href属性值未被引号引起):7 V' R0 `+ u0 Q, F6 q
" t- N0 F+ S S5 } R) I$ Z
- <a href=http://www.oicqzone.com/>QQ地带</a>
7 \- L" ^6 Q# j) Q1 t5 z0 x 2 U, ]& S; ?, l5 [; s6 h
错误用法2(a标签的href属性值被单引号引起):( {4 [2 D' }- z, w
1 P, g4 c8 R: V: X8 v
- <a >QQ地带</a>
1 d+ D8 H2 E+ p6 C, X 0 A% m0 d+ T$ w0 A. v
在做Web开发时,以上两种写法都是可以的,但是放在微信公众帐号的文本消息中,这两种写法都是错误的,网页超链接并不会起作用,而且在Android手机上还会将HTML代码原样显示出来,如下图所示:' I( B8 W$ ~( G+ Y4 g- p0 H. ]
Android手机上的效果:3 b3 v2 d: O P; \( z
" ^. \3 }8 B/ [' ~$ s* V; P

* T6 n; a( Y7 E: U9 riPhone手机上的效果:
4 U5 n) }& L' p7 e
6 Y5 M5 P1 J) S; _ ; c, b6 U- K8 w0 h. f1 }; r0 L
可以看出,在微信上,HTML的a标签属性值不用引号引起,或者使用单引号引起,都是错误的写法(在iPhone上,a标签属性href的值用单引号是正常的)。正确的用法是将a标签href属性的值用双引号引起,代码如下:
5 a% h& Y6 n8 t( t7 ?7 Z2 A3 o
8 f' J6 `0 y/ J6 t5 u5 Y1 P- <a >QQ地带</a> 7 j' z. D/ F! k& K" n' }/ T4 C
" O5 Z3 q) K9 `; w5 o这样在Android和iPhone手机上,都可以正确显示超链接,并且点击该超链接,会使用微信内置浏览器打开http://www.oicqzone.com/。& t, r# c' J# _* S1 k
提示:在测试微信公众帐号时,不要只是在自己的手机上测试通过就认为完全没问题了,因为目前微信公众帐号上有好几处在Android和iOS平台上表现不一致。; \4 n- ~3 |' ~0 K+ E: i& W
3 q( Q+ d( y, \) y- I1 i$ D* Y |
|