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

?

網(wǎng)頁超鏈接的作用

我想但凡是熟悉HTML的朋友，對超鏈接一定不會陌生。而今天我們要討論和使用的僅僅是超鏈接中的當(dāng)中一種---網(wǎng)頁超鏈接，即使用HTML中的<a>標(biāo)簽將某段文字鏈接到其它網(wǎng)頁上去，示比例如以下：

?

[html]?view plaincopy

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

上面是一段標(biāo)準(zhǔn)的HTML代碼，實現(xiàn)了一個網(wǎng)頁超鏈接，即將“柳峰的博客”5個字鏈接到了博客主頁URL，當(dāng)“柳峰的博客”5個字時，會打開http://blog.csdn.net/lyq8479所指向的網(wǎng)頁。

?

怎樣在文本消息中使用網(wǎng)頁超鏈接

事實上，不知道怎樣在文本消息中使用網(wǎng)頁超鏈接的開發(fā)人員差點兒100%都熟悉HTML，特別是對HTML中的<a>標(biāo)簽再熟悉只是了。那究竟在微信公眾帳號的文本消息中使用超鏈接有什么特別之處呢？為什么如此多的朋友都以前在這個問題上栽過跟頭？我們先來看在微信中兩種錯誤使用超鏈接的方法：

錯誤使用方法1（a標(biāo)簽的href屬性值未被引號引起）：

?

[html]?view plaincopy

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

錯誤使用方法2（a標(biāo)簽的href屬性值被單引號引起）：

[html]?view plaincopy

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

在做Web開發(fā)時，以上兩種寫法都是能夠的，可是放在微信公眾帳號的文本消息中，這兩種寫法都是錯誤的，網(wǎng)頁超鏈接并不會起作用，而且在Android手機上還會將HTML代碼原樣顯示出來，例如以下圖所看到的：

?

Android手機上的效果：

iPhone手機上的效果：

能夠看出，在微信上，HTML的a標(biāo)簽屬性值不用引號引起，或者使用單引號引起，都是錯誤的寫法（在iPhone上，a標(biāo)簽屬性href的值用單引號是正常的）。正確的使用方法是將a標(biāo)簽href屬性的值用雙引號引起，代碼例如以下：

?

[html]?view plaincopy

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

這樣在Android和iPhone手機上，都能夠正確顯示超鏈接，而且點擊該超鏈接，會使用微信內(nèi)置瀏覽器打開http://blog.csdn.net/lyq8479。

提示：在測試微信公眾帳號時，不要僅僅是在自己的手機上測試通過就認(rèn)為全然沒問題了，由于眼下微信公眾帳號上有好幾處在Android和iOS平臺上表現(xiàn)不一致。

?

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。