`

[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支持柳峰哦!


分享到:
评论

相关推荐

    JAVA微信开发资料

    微信公众帐号开发教程第 8 篇-文本消息中使用网页超链接. 51 微信公众帐号开发教程第 9 篇-QQ 表情的发送与接收.53 微信公众帐号开发教程第 10 篇-解析接口中的消息创建时间 CreateTime61 微信公众帐号开发教程第 11...

    微信公众帐号开发教程

    [037] 微信公众帐号开发教程第13篇-图文消息全攻略 - 柳峰的专栏 - 博客频道 - CSDN.NET [038] 微信公众帐号开发教程第14篇-自定义菜单的创建及菜单事件响应 - 柳峰的专栏 - 博客频道 - CSDN.NET [040] 微信公众帐号...

    微信公众帐号开发教程第3篇-开发模式启用及接口配置

    微信公众帐号开发教程第3篇-开发模式启用及接口配置

    微信公共账号开发教程

    2. 微信公众帐号开发教程第2篇-微信公众帐号的类型(普通和会议) 3. 微信公众帐号开发教程第3篇-开发模式启用及接口配置 . 微信公众帐号开发教程第5篇-...6. 微信公众帐号开发教程第6篇-文本消息的内容长度限制揭秘

    微信小程序开发图解案例教程-源代码

    微信小程序开发图解案例教程-源代码微信小程序开发图解案例教程-源代码微信小程序开发图解案例教程-源代码微信小程序开发图解案例教程-源代码微信小程序开发图解案例教程-源代码微信小程序开发图解案例教程-源代码...

    微信小程序开发合同协议书范本-最新通用.pdf

    微信小程序开发合同协议书范本-最新通用.pdf微信小程序开发合同协议书范本-最新通用.pdf微信小程序开发合同协议书范本-最新通用.pdf微信小程序开发合同协议书范本-最新通用.pdf微信小程序开发合同协议书范本-最新...

    java开发微信公众平台

    微信公众帐号开发教程第1 篇-引言 微信公众帐号开发教程第2 篇-微信公众帐号的类型(普通和会议) 微信公众帐号开发教程第3 篇-开发模式启用及接口配置 微信公众帐号开发教程第4 篇-消息及消息处理工具的封装 微信...

    微信小程序开发合同协议书范本-最新通用.docx

    微信小程序开发合同协议书范本-最新通用.docx微信小程序开发合同协议书范本-最新通用.docx微信小程序开发合同协议书范本-最新通用.docx微信小程序开发合同协议书范本-最新通用.docx微信小程序开发合同协议书范本-...

    微信平台开发-自动回复-文本-图片-视频

    微信平台开发-自动回复-文本-图片-视频—语音消息,以及地理位置接收。

    微信开发实例 微信公众平台开发 之微信接口前期准备

    微信开发实例 微信公众平台开发教程-深入浅出微信公众平台实战开发(微网站、LBS云、Api接口调用、服务号高级接口)1.微信接口前期准备。由北风网提供,微信开发实例微信公众平台基础篇: 1)微信公众平台简介:开发...

    微信公众账号开发教程

    经过这3个公众帐号的开发,对目前微信公众平台开放的api算是比较熟悉了,像文本消息、图文消息、音乐消息、语音消息、位置消息等全部用到过,菜单也使用过。所以,就有了写微信公众帐号开发教程的想法,将学习到的...

    微信公众平台开发入门教程

    微信公众平台开发入门教程

    微信公众平台最佳实践-源代码-方倍工作室

    2013年10月17号,我们在QQ空间发布了新版的微信公众平台开发入门教程链接后,网友我叫不熬夜☺在空间中回复告诉我们,他之前通过学习我们的微信开发教程赚到了2000元钱,而他当时还只是一名学生。这条回复记录至今还...

    微信小程序开发教程大全-2022-6-18

    微信小程序开发教程笔记

    微信公众平台开发教程,Java

    微信公众平台的开发教程,用Java写的,挺有借鉴的意义

    微信公众平台开发教程Java版

    微信公众平台开发教程Java版 微信公众平台开发教程Java版

    微信公众平台应用开发实战-完整扫描版 pdf 文档

    第二部分(第2~4章)首先详细讲解了微信公众平台开放的所有API的功能特性及使用方法,然后实现了一个快速开发公众平台应用的框架,这个框架可供读者直接使用;第三部分(第5~7章)以迭代的方式讲解了3个实战案例的...

    微信公众账号开发教程(java)

    微信公众账号开发教程(java) 程主要是面向有一定Java编程基础的朋友 1)前沿知识:微信公众帐号的分类、两种模式各自的特点和区别、开发模式的配置使用等; 2)API中各类消息的使用(我已经对api进行封装并打成了jar...

    微信公众平台开发教程4

    微信公众平台开发教程,适合初学者了解入门,用的是php语言,简单易懂,欢迎下载

Global site tag (gtag.js) - Google Analytics