Anchor points and page jumps in HTML

Source: Internet
Author: User
first, the page jumps in the anchor point setting
The jump in the page takes two steps:
Method One:
①: Set an anchor link <a href= "#miao" > Go to the Meow </a>; (Note: The attribute value of the href attribute is preceded by #)
②: Set anchor points in the desired position on the page <a name= "Miao" ></a>; (note: A label to write a Name property, the property value is the same as the value of the href in ①, no #) in the label as required to fill in the necessary text, generally do not write content
Method Two:
①: ① of the same method one
②: Set the location of the anchor point

Method Two do not have to add a tag individually to set the anchor point, only add an ID in the desired position of the label.

Small case:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">

Second, cross-page jump

①: Sets the anchor link, appended to the path in the href: #+ anchor name, you can
such as: <a href= "Meng Pet assembly number. Html#miao" > Jump to the Cute assembly number page </a>
②: To jump to the page to set the anchor point, the method see a step ②, two ways to choose one.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.