How to use the name attribute and id attribute of the a tag to jump within the page
|
In the past, I only knew how to use the name attribute of the a tag to jump, but today I learned that I can also use the id. I don't know if there is any other way. The name can be repeated multiple times, but the id can only be used once. Of course, if you do not intend to follow the standard, you can use it several times. The demo is as follows: Copy code The code is as follows:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Demo--Jump within the page</title> <style type="text/css"> .div1{height:400px;background:gray} </style> </head> <body> <a href="#jump1">In-page jump demonstration 1——A tag href="#jump1"</a><br _fcksavedurl=""#jump1">In-page jump demonstration 1——A tag href="#jump1"</a><br" /><a href="#jump2">In-page jump demonstration 2——A tag href="#jump2"</a> <div class="div1"></div> <p id="jump1">Page jump demonstration 1——Any tag id="jump1"</a> <div class="div1"></div> <a name="jump2">In-page jump demonstration 1——A tag name="jump2"</a> <div class="div1"></div> </body> </html> |
<<: js memory leak scenarios, how to monitor and analyze them in detail
>>: CSS implements Google Material Design text input box style (recommended)
Recommend
Things to note when writing self-closing XHTML tags
The img tag in XHTML should be written like this:...
How to implement two-way binding function in vue.js with pure JS
Table of contents First, let's talk about the...
Ant Design Blazor component library's routing reuse multi-tab function
Recently, there has been a growing demand for imp...
Best way to replace the key in json object
JSON (JavaScript Object Notation, JS Object Notat...
Docker image access to local elasticsearch port operation
Using the image service deployed by docker stack,...
The difference and usage of datetime and timestamp in MySQL
1. How to represent the current time in MySQL? In...
The standard HTML writing method is different from the one automatically generated by Dreamweaver
Copy code The code is as follows: <!--doctype ...
Div covers the flash. Flash transparent method realizes placing the DIV layer on the flash.
There are two types: (different browsers) 1. Avail...
Example code for implementing ellipse trajectory rotation using CSS3
Recently, the following effects need to be achiev...
Introduction and use of js observer mode
Table of contents I. Definition 2. Usage scenario...
Five delay methods for MySQL time blind injection
Five delay methods for MySQL time blind injection...
Docker installation of MySQL (8 and 5.7)
This article will introduce how to use Docker to ...
English: A link tag will automatically complete href in IE
English: A link tag will automatically complete h...
HTML allows partial forced scroll bars to not destroy the overall style and layout
First post the effect picture: A scroll bar appear...
JS cross-domain solution react configuration reverse proxy
Cross-domain solutions jsonp (simulate get) CORS ...