微信公眾帳號開發教程(八) 簡訊中使用網頁超連結

本文主要介紹網頁超連結的作用以及如何在簡訊中使用網頁超連結。

網頁超連結的作用

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