When there is too much content on the web page, we can use anchor links to jump to the location. Through anchor links, we can not only point to the document, but also to specific paragraphs on the page, which will make it easier for us to browse the content on the web page. , then, how to implement anchor links? This article will introduce to you how to implement anchor links.
Method 1: Use id for anchor positioning
Let’s look at a specific example
The code is as follows
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="#string">跳转</a> <hr/> <br><br><br><br><br> <br><br><br><br>< <br><br><br> <br><br> <br><br> <br><br> <br> <br> <br> <a id="string">hello,I'm here!</a> </body> </html>
The running effect is as follows
When you click "Jump", it will jump to "hello, I'm here" !", the effect is as follows
# will jump to "hello, I'm here!" on the current page.
Method 2: Use the name attribute to implement anchor links
Let’s see a specific example
The code is as follows
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="#string">跳转</a> <hr/> <br><br><br><br><br> <br><br><br><br>< <br><br><br> <br><br> <br><br> <br><br> <br> <br> <br> <a name="string">hello,I'm here!</a> </body> </html>
Also when the mouse clicks "Jump", it will jump to "hello, I'm here!" on the current page.
The above is the detailed content of How to make anchor links. For more information, please follow other related articles on the PHP Chinese website!
How to use DataReader
Solution to split word table into two pages
Introduction to screenshot shortcut keys in win8
What to do if there is no cursor when clicking on the input box
Introduction to the usage of rowid in oracle
Detailed explanation of nginx configuration
How to solve securecrt garbled code
Why can swoole be resident in memory?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
