微信公众帐号开发教程第8篇-文本消息中使用网页超链接
2015-09-08 15:10
567 查看
本文主要介绍网页超链接的作用以及如何在文本消息中使用网页超链接。
网页超链接的作用
我想但凡是熟悉HTML的朋友,对超链接一定不会陌生。而今天我们要讨论和使用的只是超链接中的其中一种---网页超链接,即使用HTML中的<a>标签将某段文字链接到其他网页上去,示例如下:
[html] view
plaincopy
<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
<a href=http://blog.csdn.net/lyq8479>柳峰的博客</a>
错误用法2(a标签的href属性值被单引号引起):
[html] view
plaincopy
<a href='http://blog.csdn.net/lyq8479'>柳峰的博客</a>
在做Web开发时,以上两种写法都是可以的,但是放在微信公众帐号的文本消息中,这两种写法都是错误的,网页超链接并不会起作用,而且在Android手机上还会将HTML代码原样显示出来,如下图所示:
Android手机上的效果:
![](https://img-blog.csdn.net/20130623234358078?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbHlxODQ3OQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
iPhone手机上的效果:
![](https://img-blog.csdn.net/20130623234410093?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbHlxODQ3OQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
可以看出,在微信上,HTML的a标签属性值不用引号引起,或者使用单引号引起,都是错误的写法(在iPhone上,a标签属性href的值用单引号是正常的)。正确的用法是将a标签href属性的值用双引号引起,代码如下:
[html] view
plaincopy
<a href="http://blog.csdn.net/lyq8479">柳峰的博客</a>
这样在Android和iPhone手机上,都可以正确显示超链接,并且点击该超链接,会使用微信内置浏览器打开http://blog.csdn.net/lyq8479。
提示:在测试微信公众帐号时,不要只是在自己的手机上测试通过就认为完全没问题了,因为目前微信公众帐号上有好几处在Android和iOS平台上表现不一致。
网页超链接的作用
我想但凡是熟悉HTML的朋友,对超链接一定不会陌生。而今天我们要讨论和使用的只是超链接中的其中一种---网页超链接,即使用HTML中的<a>标签将某段文字链接到其他网页上去,示例如下:
[html] view
plaincopy
<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
<a href=http://blog.csdn.net/lyq8479>柳峰的博客</a>
错误用法2(a标签的href属性值被单引号引起):
[html] view
plaincopy
<a href='http://blog.csdn.net/lyq8479'>柳峰的博客</a>
在做Web开发时,以上两种写法都是可以的,但是放在微信公众帐号的文本消息中,这两种写法都是错误的,网页超链接并不会起作用,而且在Android手机上还会将HTML代码原样显示出来,如下图所示:
Android手机上的效果:
iPhone手机上的效果:
可以看出,在微信上,HTML的a标签属性值不用引号引起,或者使用单引号引起,都是错误的写法(在iPhone上,a标签属性href的值用单引号是正常的)。正确的用法是将a标签href属性的值用双引号引起,代码如下:
[html] view
plaincopy
<a href="http://blog.csdn.net/lyq8479">柳峰的博客</a>
这样在Android和iPhone手机上,都可以正确显示超链接,并且点击该超链接,会使用微信内置浏览器打开http://blog.csdn.net/lyq8479。
提示:在测试微信公众帐号时,不要只是在自己的手机上测试通过就认为完全没问题了,因为目前微信公众帐号上有好几处在Android和iOS平台上表现不一致。
相关文章推荐
- 微信公众帐号开发教程第7篇-文本消息中换行符的使用
- 微信公众帐号开发教程第6篇-文本消息的内容长度限制揭秘
- 微信公众帐号开发教程第5篇-各种消息的接收与响应
- 微信公众帐号开发教程第4篇-消息及消息处理工具的封装
- java开发微信支付(刷卡支付)
- 微信公众帐号开发教程第3篇-开发模式启用及接口配置
- 微信公众帐号开发教程第1篇-引言
- 如何在微信公众号调用图灵机器人(智能聊天)
- 微信sae云服务器后台创建
- php搭建微信后台服务器
- 微信开发准备工作
- 关注我的微信公众帐号小q机器人(xiaoqrobot)
- 微信公众平台开发接口PHP SDK完整版
- jeewx-api 1.0.5 版本发布,微信SDK接口封装(支持微信第三方开放平台)
- 微信公众平台开发(一)
- 关于java微信access_token失效的处理
- 微信公众平台申请测试接口URL和TOKEN的配置,怎么在本地让微信能通过80端口访问
- iOS 集成微信支付
- 微信本地调试方法
- 微信协议分析] 文本消息