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

简介:

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

 

网页超链接的作用

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

 

[html]  view plain copy
 
  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 plain copy
 
  1. <a href=http://blog.csdn.net/lyq8479>柳峰的博客</a>  

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

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

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

Android手机上的效果:

iPhone手机上的效果:

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

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

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

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

本文转自博客园知识天地的博客,原文链接:[032] 微信公众帐号开发教程第8篇-文本消息中使用网页超链接(转),如需转载请自行联系原博主。


相关文章
|
10天前
|
小程序 前端开发 API
微信小程序全栈开发中的异常处理与日志记录
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的异常处理和日志记录,强调其对确保应用稳定性和用户体验的重要性。异常处理涵盖前端(网络、页面跳转、用户输入、逻辑异常)和后端(数据库、API、业务逻辑)方面;日志记录则关注关键操作和异常情况的追踪。实践中,前端可利用try-catch处理异常,后端借助日志框架记录异常,同时采用集中式日志管理工具提升分析效率。开发者应注意安全性、性能和团队协作,以优化异常处理与日志记录流程。
|
10天前
|
小程序 安全 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的身份认证与授权机制。身份认证包括手机号验证、微信登录和第三方登录,而授权机制涉及角色权限控制、ACL和OAuth 2.0。实践中,开发者可利用微信登录获取用户信息,集成第三方登录,以及实施角色和ACL进行权限控制。注意点包括安全性、用户体验和合规性,以保障小程序的安全运行和良好体验。通过这些方法,开发者能有效掌握小程序全栈开发技术。
|
10天前
|
JavaScript 前端开发 小程序
微信小程序全栈开发之性能优化策略
【4月更文挑战第12天】本文探讨了微信小程序全栈开发的性能优化策略,包括前端的资源和渲染优化,如图片压缩、虚拟DOM、代码分割;后端的数据库和API优化,如索引创建、缓存使用、RESTful API设计;以及服务器的负载均衡和CDN加速。通过这些方法,开发者可提升小程序性能,优化用户体验,增强商业价值。
|
10天前
|
小程序 前端开发 JavaScript
微信小程序全栈开发中的PWA技术应用
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中PWA技术的应用,PWA结合Web的开放性和原生应用的性能,提供离线访问、后台运行、桌面图标和原生体验。开发者可利用Service Worker实现离线访问,Worker处理后台运行,Web App Manifest添加桌面图标,CSS和JavaScript提升原生体验。实践中需注意兼容性、性能优化和用户体验。PWA技术能提升小程序的性能和用户体验,助力开发者打造优质小程序。
|
10天前
|
SQL 安全 小程序
探索微信小程序全栈开发的安全性问题
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的安全性问题,包括数据安全、接口安全、隐私保护和代码安全。为解决这些问题,建议采取数据加密、使用HTTPS协议、身份认证与授权、输入验证、安全审计及漏洞扫描以及安全培训等措施。通过这些方法,开发者可提升小程序安全性,保护用户隐私和数据。
|
1月前
|
小程序 JavaScript
在使用微信小程序开发中用vant2框架中的Uploader 文件上传wx.uploadFile无反应和使用多图上传
网上有的说是bind:after-read="afterRead"的命名问题不支持-,但是我这儿执行了console.log("file",file);证明函数运行了。后来发现是multiple="true"原因开启了多图上传,如果是多图上传的话file就是数组了
25 2
|
1月前
|
移动开发 小程序 API
微信小程序的一些开发限制
微信小程序的一些开发限制
73 1
|
1月前
|
JSON 小程序 前端开发
微信小程序开发入门学习01-TDesign模板解读
微信小程序开发入门学习01-TDesign模板解读
|
1月前
|
小程序 数据可视化 开发者
微信小程序开发入门介绍-布局组件
微信小程序开发入门介绍-布局组件
|
1月前
|
小程序 数据可视化 前端开发
微信小程序开发入门教程-文本组件介绍
微信小程序开发入门教程-文本组件介绍

热门文章

最新文章