点击这里给我发消息 点击这里给我发消息

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

添加时间:2014-4-10
    相关阅读: 网页 开发 HTML 链接

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

网页超链接的作用

我想但凡是熟悉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手机上的效果:
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册