本文主要介紹網頁超鏈接的作用以及怎樣在文本消息中使用網頁超鏈接。

?

網頁超鏈接的作用

我想但凡是熟悉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平臺上表現不一致。

?

假設認為文章對你有所幫助，請留言或關注微信公眾帳號xiaoqrobot支持柳峰哦！

總結

以上是生活随笔為你收集整理的[032] 微信公众帐号开发教程第8篇-文本消息中使用网页超链接（转）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。