[032] 微信公众帐号开发教程第8篇-文本消息中使用网页超链接(转)

本文主要介绍网页超链接的作用以及怎样在文本消息中使用网页超链接。

网页超链接的作用

我想但凡是熟悉HTML的朋友,对超链接一定不会陌生。而今天我们要讨论和使用的仅仅是超链接中的当中一种---网页超链接,即使用HTML中的<a>标签将某段文字链接到其它网页上去,示比例如以下:

[html] view plaincopy
 
  1. <a href="http://blog.csdn.net/lyq8479">柳峰的博客</a>  

上面是一段标准的HTML代码,实现了一个网页超链接,即将“柳峰的博客”5个字链接到了博客主页URL,当“柳峰的博客”5个字时,会打开http://blog.csdn.net/lyq8479所指向的网页。

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

事实上,不知道怎样在文本消息中使用网页超链接的开发人员差点儿100%都熟悉HTML,特别是对HTML中的<a>标签再熟悉只是了。那究竟在微信公众帐号的文本消息中使用超链接有什么特别之处呢?为什么如此多的朋友都以前在这个问题上栽过跟头?我们先来看在微信中两种错误使用超链接的方法:

错误使用方法1(a标签的href属性值未被引號引起):

[html] view plaincopy
 
  1. <a href=http://blog.csdn.net/lyq8479>柳峰的博客</a>  

错误使用方法2(a标签的href属性值被单引號引起):

[html] view plaincopy
 
  1. <a href='http://blog.csdn.net/lyq8479'>柳峰的博客</a>  

在做Web开发时,以上两种写法都是能够的,可是放在微信公众帐号的文本消息中,这两种写法都是错误的,网页超链接并不会起作用,而且在Android手机上还会将HTML代码原样显示出来,例如以下图所看到的:

Android手机上的效果:

iPhone手机上的效果:

能够看出,在微信上,HTML的a标签属性值不用引號引起,或者使用单引號引起,都是错误的写法(在iPhone上,a标签属性href的值用单引號是正常的)。正确的使用方法是将a标签href属性的值用双引號引起,代码例如以下:

[html] view plaincopy
 
  1. <a href="http://blog.csdn.net/lyq8479">柳峰的博客</a>  

这样在Android和iPhone手机上,都能够正确显示超链接,而且点击该超链接,会使用微信内置浏览器打开http://blog.csdn.net/lyq8479

提示:在測试微信公众帐号时,不要仅仅是在自己的手机上測试通过就认为全然没问题了,由于眼下微信公众帐号上有好几处在Android和iOS平台上表现不一致。

假设认为文章对你有所帮助,请留言或关注微信公众帐号xiaoqrobot支持柳峰哦!

原文地址:https://www.cnblogs.com/mfryf/p/3598272.html