How to create a jump to the end of the page hyperlink in html5

html5 Method to create a hyperlink that jumps to the footer of the page: 1. Create an element at the footer of the page and set it as the anchor point. The syntax is ".. .name>"; 2. Create a hyperlink and associate it with the anchor point. The syntax is "Click me to jump to the end of the page a>".

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

In HTML5, you can use anchor links to achieve the effect of jumping to the end of the page.

What is an anchor link?

The link in HTML should be called "anchor" correctly. It names anchor link (also called bookmark link) and is often used for web pages with large and cumbersome content. Clicking on a named anchor not only allows us to point to the document, but also to a specific paragraph on the page. It can also be used as a convenient tool for "precise linking" to bring the linked object closer to focus. It is convenient for viewers to view the content of the web page. It is similar to the table of contents page numbers or chapter reminders when we read books. Tag anchors are the best method when you need to target a specific part of the page.

The anchor point is the locator!

Create a jump hyperlink to the end of the page

Step 1: Set the anchor point

<div id="bottom">页尾</div>

Step 2: Set Start the switch of the locator

<a href="#bottom">点我跳转页尾 </a>

Sample code:

<meta charset="utf-8">
<style>
    body{
        height: 1000px;
        background-color: #FFC0CB;
        position: relative;
    }
    #bottom{
        position: absolute;
        bottom: 0;
    }
</style>


<a href="#bottom">点我跳转页尾 </a>
<div id="top">页头</div>
<div id="bottom">页尾</div>

Related recommendations: "html video tutorial"

The above is the detailed content of How to create a jump to the end of the page hyperlink in html5. For more information, please follow other related articles on the PHP Chinese website!