★我要吧★

 找回密码
 注册[Register]
搜索
qq空间相册密码查看为什么登陆后需要激活无法注册?

[技术] 文本消息中使用网页超链接

[复制链接]
发表于 2016-5-9 15:55:00 | 显示全部楼层 |阅读模式
网页超链接的作用
& 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
发表于 2016-7-22 19:12:08 来自手机 | 显示全部楼层
感谢分享。        
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

QQ|手机版|小黑屋|☆我要吧☆ ( 豫ICP备13016831号-1 )

GMT+8, 2025-12-19 16:58 , Processed in 0.062432 second(s), 22 queries .

Powered by abc369 X3.4

© 2001-2023 abc369.

快速回复 返回顶部 返回列表