前端编程之路一一HTML锚点的用法

锚点的作用及用法

HTML中的a标签大家都非常熟悉,它是超链接标签,通过a标签能够跳转到href中指定的页面及指定的位置,a标签可以做到单页面跳转或多页面跳转,锚点能够跳转到当前页面中指定的位置,也能够跳转到指定的其他页面或其他页面中指定的位置。
锚点有2种使用方法,第一种方法是跳转到当前页面中指定的位置,即单页面跳转;第二种方法是跳转到其指定的其他页面。
  • 使用方法一:单页面跳转到指定位置。
    //a标签中的代码:
    跳转1
    跳转2
    跳转3
    //跳转到的代码
    

00000000

00000000

//…省略

11111111

00000000

00000000

00000000

//…省略

22222222

00000000

//…省略

33333333

00000000

//…省略

以上代码得到的效果:

前端编程之路一一HTML锚点的用法_第1张图片

  • 方法二:跳转到其他页面:
跳转到其他页面

以上代码得到的效果:

前端编程之路一一HTML锚点的用法_第2张图片

在路径后面加上对应属性名称,即可跳转到其他页面的指定位置:

跳转到其他页面的指定位置

以上代码得到的效果:

前端编程之路一一HTML锚点的用法_第3张图片

a标签通过锚点即可达到单页面或多页面跳转,并能够达到多需指向的位置。

你可能感兴趣的:(web,前端,html,css,大前端)