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>
免责声明:内容仅供参考。