Html 如何链接到不同部分中的锚定标记

这是我在（li）中以两种方式编写的代码，但两种方式都不起作用：

<ul class="submenuItems">
          <li><a href="index.html#ourpurpose">Our Purpose</a></li>
          <li><a href="#scope">Scope</a></li>

对于目标，这是代码：

<h1 id="ourpurpose">Our Purpose<h1>
...
<h1 id="scope">Scope</h1>

我们的目的
...
范围

我想链接它，因为我知道两者都在视差页面中的同一个

，但由图像和div分隔

您需要在链接的href字段中使用ID“ourpurpose”。如果内容在同一页上

<a href="#ourpurpose">Our Purpose</a>

您需要在链接的href字段中使用ID“ourpurpose”。如果内容在同一页上

<a href="#ourpurpose">Our Purpose</a>

使用

#scope

和

#我们的目的

是正确的，在这种情况下，您需要添加

部分

（您也可以使用

div

）

body，html{
宽度：100%；
身高：100%；
保证金：0；
}
部分{
宽度：100%；
身高：100%；
背景：红色；
}
.主题{
背景：蓝色；
颜色：白色；
}

我们的目的
我很喜欢这个话题
一些文本

范围
话题
一些文本

使用

#scope

和

#我们的目的

是正确的，在这种情况下，您需要添加

部分

（您也可以使用

div

）

body，html{
宽度：100%；
身高：100%；
保证金：0；
}
部分{
宽度：100%；
身高：100%；
背景：红色；
}
.主题{
背景：蓝色；
颜色：白色；
}

我们的目的
我很喜欢这个话题
一些文本

范围
话题
一些文本

我给了

作为示例，两个都不起作用。您的代码与第二个

匹配，也不起作用。我将其作为示例提供给
匹配，并且不起作用问题在于两个
都在同一节中，由图像和div分隔。请勿使用
h1
标记两次。。你必须改变你的代码。我知道，问题是两者都是分开的主题和段落。
都是分开的主题和段落
那么有什么问题？请解释更多。我有3个部分。每个部分包含主题（标题、段落和一些图片）。在我的菜单中，我有一个按标题列出的主题列表，我的问题是，当我单击列表中的某个特定标题时，它会将我带到该特定主题，关于该主题是哪个部分。问题是，
和
都在同一部分中，由图像和div分隔。不要两次使用
h1
标记。。你必须改变你的代码。我知道，问题是两者都是分开的主题和段落。
都是分开的主题和段落
那么有什么问题？请解释更多。我有3个部分。每个部分都包含主题（标题、段落和一些图片）。在我的菜单中，我有一个按标题列出的主题列表，我的问题是，当我单击列表中的特定标题时，它会将我带到该特定主题，关于该主题是哪个部分。