使用锚点失败了,直接在锚点后面打上id不行,链接跳转也不行,代码如下在下面为啥。
来源:2-10 超级链接(2)
weixin_慕函数453137
2021-07-06 20:26:55
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Title</title> </head> <body> <a href="主页.html" target="_blank">跳转主页</a> <h1>测试页面</h1> <p>测试页面</p> <p><img src="../images/desktop.png" width="1000" alt="屏保"></p> <p><img src="../images/desktop.png" width="1000" alt="屏保"></p> <h2 id="#test1">测试1</h2> <p><img src="../images/desktop.png" width="1000" alt="屏保"></p> <p><img src="../images/desktop.png" width="1000" alt="屏保"></p> <h2 id="#test">锚点</h2> <p ><img src="../images/desktop.png" width="1000" alt="屏保"></p> <p><img src="../images/desktop.png" width="1000" alt="屏保"></p> <p><img src="../images/desktop.png" width="1000" alt="屏保"></p> <a href="#top">返回头部</a> </body> </html>
1回答
好帮手慕慕子
2021-07-07
同学你好,对于你的问题解答如下:
1、锚点设置id时,属性值为#test1和#test,如下:
那么,当我们想要跳转到指定锚点时,格式为##test1和##test(设置锚点的规则为 # + id属性值)。才可以正确跳转到对应的位置。如下:
2、如果需要使用a标签设置锚点,格式如下:
建议同学参考上面给出的方式调整代码后再测试下
如果还有问题,可以图文结合详细描述下,具体是怎么操作的,以及要实现什么样的效果,并将你的主页.html文件中的代码以及你的文件所在目录截图粘贴过来(代码不要截图),便于帮助同学准确的定位与解决问题。
祝学习愉快~
相似问题