如何在 HTML 中创建指向同一页面内部分的链接？

在本文中，我们将看到如何在他们的 HTML 页面中创建链接到同一页面部分的“链接”。为了实现这一点，我们需要先了解一些带有“href”和 class 和 id 的 HTML 特性锚标签。

方法：因为我们现在知道锚标签 用于创建任何链接。我们也知道“href”可以保存链接地址。但在我们的例子中，我们想要链接到同一页面的部分，在这种情况下，我们将使用id来标识我们网页的不同部分。然后可以将这些 id 传递给 href ，如下所示：

句法：

section 1

在这种情况下，可以将 id “section1”赋予我们网页的任何组件或部分。上面的链接将指向具有 id section1 的部分。这里 href 属性通过在开头提供“#”来知道“section1”不是一个普通的链接，而是一个 id。很明显我们不应该在 href 属性中使用类名，因为它们不被 href 属性理解。此外，类名在文档中不是唯一的，因此将它们用作特定部分的标识符是没有意义的。

示例：在这个示例中，我们使用 div 将我们的网页划分为不同的部分，第一部分具有“nav”类。我们可以看到这个部分有 标签来导航到我们页面的不同部分。然后我们有四个部分，每个部分都用 id 唯一标识，例如“section1”、“section2”等。此id被赋予导航部分中 标签的 href。每当用户单击 标签时，它都会将用户链接到特定部分。

下面是上述方法的实现：

HTML

  

    
    
    
    
  
    

  

    

        1
        2
        3
        4
    
    

        section 1
    
    

        section 2
    
    

        section 3
    
    

        section 4
    

  

---

输出：

链接到同一页面的部分