Home Backend Development PHP Tutorial WeChat Public Account Development Tutorial Part 8 - Using Web Page Hyperlinks in Text Messages_PHP Tutorial

WeChat Public Account Development Tutorial Part 8 - Using Web Page Hyperlinks in Text Messages_PHP Tutorial

Jul 20, 2016 am 11:12 AM
main introduce effect use develop WeChat Tutorial text information of Web page overtake Link

This article mainly introduces the role of web hyperlinks and how to use web hyperlinks in text messages.

The role of web hyperlinks

I think anyone who is familiar with HTML will be familiar with hyperlinks. Today we are going to discuss and use only one type of hyperlink - web page hyperlink, which uses the tag in HTML to link a certain text to other web pages. The example is as follows:

<a href="http://blog.csdn.net/lyq8479">柳峰的博客</a>
Copy after login
Copy after login
The above is a standard HTML code that implements a web page hyperlink, that is, the 5 words "Liu Feng's Blog" are linked to the blog homepage URL. When the 5 words "Liu Feng's Blog" are used, http://blog will be opened. The web page pointed to by .csdn.net/lyq8479.

How to use web hyperlinks in text messages

In fact, almost 100% of developers who don’t know how to use web hyperlinks in text messages are familiar with HTML, especially the tag in HTML. So what’s so special about using hyperlinks in text messages on WeChat public accounts? Why do so many friends have stumbled upon this issue? Let’s first look at two ways to incorrectly use hyperlinks in WeChat:

Incorrect usage 1 (the href attribute value of the a tag is not quoted):

<a href=http://blog.csdn.net/lyq8479>柳峰的博客</a>
Copy after login
Wrong usage 2 (the href attribute value of the a tag is enclosed in single quotes>
<a href=&#39;http://blog.csdn.net/lyq8479&#39;>柳峰的博客</a>
Copy after login

When doing web development, the above two ways of writing are OK, but when placed in the text message of a WeChat public account, both ways of writing are wrong. The web page hyperlink will not work, and it will not work on Android phones. The HTML code will be displayed as is, as shown below:

Effect on Android phone:

The effect on iPhone:

It can be seen that on WeChat, the value of the HTML a tag attribute is not enclosed in quotation marks, or is enclosed in single quotation marks, which is an incorrect way of writing (on the iPhone, it is normal for the value of the a tag attribute href to be enclosed in single quotation marks) . The correct usage is to enclose the value of the href attribute of the a tag in double quotes. The code is as follows:

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

Tip: When testing WeChat public accounts, don’t think it’s completely fine just because the test passes on your own phone, because there are currently several places on WeChat public accounts that behave inconsistently on Android and iOS platforms.

If you think the article is helpful to you, please leave a message or follow the WeChat public account xiaoqrobot to support Liu Feng!


www.bkjia.comtruehttp: //www.bkjia.com/PHPjc/444569.htmlTechArticleThis article mainly introduces the role of web page hyperlinks and how to use web page hyperlinks in text messages. The role of hyperlinks on web pages. I think those who are familiar with HTML will definitely not know about hyperlinks...
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

deepseek image generation tutorial deepseek image generation tutorial Feb 19, 2025 pm 04:15 PM

DeepSeek: A powerful AI image generation tool! DeepSeek itself is not an image generation tool, but its powerful core technology provides underlying support for many AI painting tools. Want to know how to use DeepSeek to generate images indirectly? Please continue reading! Generate images with DeepSeek-based AI tools: The following steps will guide you to use these tools: Launch the AI ​​Painting Tool: Search and open a DeepSeek-based AI Painting Tool (for example, search "Simple AI"). Select the drawing mode: select "AI Drawing" or similar function, and select the image type according to your needs, such as "Anime Avatar", "Landscape"

gateio Chinese official website gate.io trading platform website gateio Chinese official website gate.io trading platform website Feb 21, 2025 pm 03:06 PM

Gate.io, a leading cryptocurrency trading platform founded in 2013, provides Chinese users with a complete official Chinese website. The website provides a wide range of services, including spot trading, futures trading and lending, and provides special features such as Chinese interface, rich resources and community support.

What is deepseek? What is deepseek? Feb 19, 2025 pm 03:57 PM

DeepSeek: An AI smart assistant you must not miss! DeepSeek is an AI tool that is popular among users. It has become a must-have software for many users recently. It provides powerful intelligent interactive communication functions, and the following is a detailed introduction to its powerful functions: DeepSeek's core functions: Text processing master: Easily create high-quality copywriting, translate and polish it, and improve your text expression ability. Programming tools: efficiently generate and complete code, quickly understand code logic, and effectively detect and correct code errors, greatly improving programming efficiency. Intelligent interaction expert: Built-in intelligent customer service and smart cockpit functions to provide a convenient interactive experience. Data analysis forecasting experts: supporters

gateio exchange app old version gateio exchange app old version download channel gateio exchange app old version gateio exchange app old version download channel Mar 04, 2025 pm 11:36 PM

Gateio Exchange app download channels for old versions, covering official, third-party application markets, forum communities and other channels. It also provides download precautions to help you easily obtain old versions and solve the problems of discomfort in using new versions or device compatibility.

Ouyi Exchange app domestic download tutorial Ouyi Exchange app domestic download tutorial Mar 21, 2025 pm 05:42 PM

This article provides a detailed guide to safe download of Ouyi OKX App in China. Due to restrictions on domestic app stores, users are advised to download the App through the official website of Ouyi OKX, or use the QR code provided by the official website to scan and download. During the download process, be sure to verify the official website address, check the application permissions, perform a security scan after installation, and enable two-factor verification. During use, please abide by local laws and regulations, use a safe network environment, protect account security, be vigilant against fraud, and invest rationally. This article is for reference only and does not constitute investment advice. Digital asset transactions are at your own risk.

Sesame Open Door Login Registration Entrance gate.io Exchange Registration Official Website Entrance Sesame Open Door Login Registration Entrance gate.io Exchange Registration Official Website Entrance Mar 04, 2025 pm 04:51 PM

Gate.io (Sesame Open Door) is the world's leading cryptocurrency trading platform. This article provides a complete tutorial on spot trading of Gate.io. The tutorial covers steps such as account registration and login, KYC certification, fiat currency and digital currency recharge, trading pair selection, limit/market transaction orders, and orders and transaction records viewing, helping you quickly get started on the Gate.io platform for cryptocurrency trading. Whether a beginner or a veteran, you can benefit from this tutorial and easily master the Gate.io trading skills.

How to get started with buying virtual coins? 2025 Ethereum Virtual Currency Newcomers' Guide How to get started with buying virtual coins? 2025 Ethereum Virtual Currency Newcomers' Guide Feb 21, 2025 pm 06:54 PM

For investors new to the cryptocurrency world, it is crucial to understand how to buy virtual coins. This article is designed to provide a comprehensive guide to beginners covering detailed steps on how to choose the right exchange, register an account, deposit funds, and purchase Ethereum (ETH). By following this guide, beginners can safely and conveniently embark on their virtual currency investment journey and seize potential investment opportunities in 2025 and beyond.

List of handling fees for okx trading platform List of handling fees for okx trading platform Feb 15, 2025 pm 03:09 PM

The OKX trading platform offers a variety of rates, including transaction fees, withdrawal fees and financing fees. For spot transactions, transaction fees vary according to transaction volume and VIP level, and adopt the "market maker model", that is, the market charges a lower handling fee for each transaction. In addition, OKX also offers a variety of futures contracts, including currency standard contracts, USDT contracts and delivery contracts, and the fee structure of each contract is also different.

See all articles