href可以是ID吗？

Question

我正在从JavaScript教程中了解udemy，并尝试进行API调用。有一个关于食谱的网站，我进行API调用。而且我有一个误解，因为直到现在我都知道href是一个链接，而不是数字。

这是来自index.html的一段代码，而href是一个id：

<li>
  <a class="results__link results__link--active" href="#23456">
    <figure class="results__fig">
         <img src="img/test-1.jpg" alt="Test">
    </figure>
    <div class="results__data">
         <h4 class="results__name">Pasta with Tomato ...</h4>
         <p class="results__author">The Pioneer Woman</p>
    </div>
 </a>
</li>

这是我拨打API时收到的食谱列表，我需要在href中放入一个数字数字recipe_id。而且我不明白如何在href

中输入数字

Answer 1

是的。如果href是元素标识所流经的#，则称为锚链接。它会将您带到同一页面中具有给定id的元素。您可以详细了解here。

Answer 2

  

href可以是ID吗？

简而言之，是的。

href不一定总是表示外部链接，它可以链接到当前html页面上的元素，根据您提供的示例，我认为是这种情况。

如果您将自己的recipe_id映射为id到页面中的某个元素，然后在单击href时说要以href引用recipe_id，则页面应滚动/导航到具有该ID的元素。

Answer 3

在这种情况下，您仍然可以将数字用作超链接。

＃表示它是指页面上具有该ID的元素。据我所知，只有类不能在开始时使用数字而不进行转义。

您还可以离开当前页面并转到其他页面上的元素。您可以通过将#id尾随您惯常看到的url字符串来做到这一点。

如果您为项目提供更多背景知识，我们也许可以提供较少的模糊答案。