html<a>标签怎么跳转到指定位置,两种方法

<a>标签跳转到当前页面指定位置的方法

要使用HTML的a元素跳转到当前页面的指定位置,可以使用id锚的方式,该方法分两个步骤,如下:

  • 在指定的位置上的HTML元素添加id属性,id属性值自定义;
  • 在链接a元素的起始标签内的添加href属性,属性值为:#idValue;

<a>标签跳转到其它页面中的指定位置的方法

如果要通过HTML的超链接a元素跳转到当前页面之外的其它的网页,包括同一个域名下的其它网页和其它域名中的网页,也可以使用id锚的方式,与上面方法不同的是,a元素中href属性的设置,具体步骤如下:

  • 复制其它网页中指定位置的元素的id属性值,如果没有该属性值,则没办法跳转到指定位置(个人经验,仅供参考);
  • 在链接a元素href属性添加属性值:url#idValue,即在url链接地址的添加#idValue

<a>标签跳转到指定位置实例代码,及在线编辑器

下面的实例运行之后,点击链接,将跳转到百度百科的香蕉品种部分:

<a rel="nofollow noopener" href="https://baike.baidu.com/item/%E9%A6%99%E8%95%89/150475#3" target="_blank" class="lib-a">香蕉</a>

免责声明:内容仅供参考。


全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.