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

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

网页超链接的作用

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

<a href="http://blog.csdn.net/lyq8479">柳峰的博客</a>

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

如何在文本消息中使用网页超链接

其实，不知道如何在文本消息中使用网页超链接的开发者几乎100%都熟悉HTML，特别是对HTML中的<a>标签再熟悉不过了。那到底在微信公众帐号的文本消息中使用超链接有什么特别之处呢？为什么如此多的朋友都曾经在这个问题上栽过跟头？我们先来看在微信中两种错误使用超链接的方法：

错误用法1（a标签的href属性值未被引号引起）：

<a href=http://blog.csdn.net/lyq8479>柳峰的博客</a>

错误用法2（a标签的href属性值被单引号引起）：

<a href='http://blog.csdn.net/lyq8479'>柳峰的博客</a>

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

Android手机上的效果：

iPhone手机上的效果：

可以看出，在微信上，HTML的a标签属性值不用引号引起，或者使用单引号引起，都是错误的写法（在iPhone上，a标签属性href的值用单引号是正常的）。正确的用法是将a标签href属性的值用双引号引起，代码如下：

<a href="http://blog.csdn.net/lyq8479">柳峰的博客</a>

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

提示：在测试微信公众帐号时，不要只是在自己的手机上测试通过就认为完全没问题了，因为目前微信公众帐号上有好几处在Android和iOS平台上表现不一致。

如果觉得文章对你有所帮助，请留言或关注微信公众帐号xiaoqrobot支持柳峰哦！

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

[032] 微信公众帐号开发教程第8篇-文本消息中使用网页超链接（转）
本文主要介绍网页超链接的作用以及怎样在文本消息中使用网页超链接. 网页超链接的作用我想但凡是熟悉HTML的朋友,对超链接一定不会陌生.而今天我们要讨论和使用的仅仅是超链接中的当中一种---网页超链接 ...
微信公众帐号开发教程第8篇-文本消息中使用网页超链接
本文主要介绍网页超链接的作用以及如何在文本消息中使用网页超链接. 网页超链接的作用我想但凡是熟悉HTML的朋友,对超链接一定不会陌生.而今天我们要讨论和使用的只是超链接中的其中一种---网页超链接, ...
微信文本消息html,微信公众帐号开发教程第8篇-文本消息中使用网页超链接
本文主要介绍网页超链接的作用以及如何在文本消息中使用网页超链接. 网页超链接的作用我想但凡是熟悉HTML的朋友,对超链接一定不会陌生.而今天我们要讨论和使用的只是超链接中的其中一种---网页超链接, ...
微信公众帐号开发教程第7篇-文本消息中换行符的使用
本篇文章主要介绍在文本消息中使用换行符的好处以及如何使用换行符. 最近一个月虽然抽不出时间写博客,但却一直在认真答复大家提出的问题.收到这么多的回复.关注和答谢,还是蛮有成就感的,让我觉得做这件事越来 ...
[031] 微信公众帐号开发教程第7篇-文本消息中换行符的使用
本篇文章主要介绍在文本消息中使用换行符的好处以及如何使用换行符. 最近一个月虽然抽不出时间写博客,但却一直在认真答复大家提出的问题.收到这么多的回复.关注和答谢,还是蛮有成就感的,让我觉得做这件事越来 ...
微信公众帐号开发教程第13篇-图文消息全攻略
引言及内容概要已经有几位读者抱怨"柳峰只用到文本消息作为示例,从来不提图文消息,都不知道图文消息该如何使用",好吧,我错了,原本以为把基础API封装完.框架搭建好,再给出一个文本 ...
微信公众帐号开发教程第13篇-图文消息全攻略 -- 转载
引言及内容概要已经有几位读者抱怨"柳峰只用到文本消息作为示例,从来不提图文消息,都不知道图文消息该如何使用",好吧,我错了,原本以为把基础API封装完.框架搭建好,再给出一个文本 ...
[037] 微信公众帐号开发教程第13篇-图文消息全攻略
引言及内容概要已经有几位读者抱怨"柳峰只用到文本消息作为示例,从来不提图文消息,都不知道图文消息该如何使用",好吧,我错了,原本以为把基础API封装完.框架搭建好,再给出一个文本 ...
[029] 微信公众帐号开发教程第5篇-各种消息的接收与响应
前一篇文章里我们已经把微信公众平台接口中消息及相关操作都进行了封装,本章节将主要介绍如何接收微信服务器发送的消息并做出响应. 明确在哪接收消息从微信公众平台接口消息指南中可以了解到,当用户向公众帐号 ...

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

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

最新文章

热门文章