锚点跳转

# 具体遇到的问题
同页面内用锚点跳转，只需要在href中写#锚点的名字。在另外一个页面跳转到有锚点的页面，在href中是网页名字#锚点的名字。这样理解是正确的吗？

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

在这里输入代码，可通过选择【代码语言】突出显示

Jasmine江江 2020-11-30

源自：多媒体与语义化标签 2-15 编程练习

收起

3回答

好帮手慕鹤回答被采纳获得+3积分 2020-11-30 16:37:02

同学你好，如果不是在同一个文件夹下，例如：

两个页面的锚点跳转都是通过href="页面名字#锚点名字，但是需要注意的是，需要通过相对应的路径去寻找到页面，例如：

祝学习愉快！

收起回答

好帮手慕鹤 2020-11-30 16:25:44

同学你好，可以参考下图代码来加深理解：

代码：

maodian.index

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <a href="index.html#box">跳转到index页面</a>
    <div style="height: 1000px;"></div>
    <div id="box">跳转到index页面</div>
    <div style="height: 1000px;"></div>
</body>

</html>

index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <a href="maodian.html#box">跳转到maodian.html</a>
    <div style="height: 1000px;"></div>
    <div id="box">跳转到锚点页面</div>
    <div style="height: 1000px;"></div>
</body>

</html>

祝学习愉快！

收起回答