链接到页面上的不同区域

Question

这似乎是一个愚蠢的问题,但是:

所以我想要做的是设置一个菜单部分,这样当用户点击该部分的标题时,它会将它们发送到页面上的特定位置而不必缩小.我不完全确定这将如何工作或实现多么复杂.

我真的很棒

菜单

1. 第一项(是一个链接)

2. 第二项(是一个链接)

3. 等(是一个链接)

然后进一步向下

第一项(点击菜单中的第一项页面到此处)

"这里的细节"

第二项(单击菜单中的第二项页面到此处)

"详情在这里"

我到底该怎么做呢？

非常感谢任何帮助或建议.谢谢.

Answer 1

它被称为an anchor tag,您可以将其与#结合使用,以获得问题中所需的结果.

刚刚放:

<a name="section1"></a>

在第1节的开头

下一步是在任何你想链接到它的地方,只需添加:

<a href="#section1">here</a>

请注意,您还可以ID使用上述方法指向元素内部以获得结果.

例如:

<div id="section1"></div>

这将对您有所帮助,如果您对此有任何其他疑问,请告诉我.

Answer 2

您可以在链接前使用哈希('#')来指定它指向同一页面中的ID或锚点.

例:

<a href="#item1">Item 1</a>

将重定向到同一页面上的以下元素:

<div id="item1">Item one details</div>

它还将指向以下锚点,但通常最好指向具有ID的元素以避免不必要的标记:

<a name="item1">Item one details</a>

编辑 由于HTML锚点中描述的原因是'name'或'id'？,不应在HTML5中以这种方式使用锚点,因为该name属性不再存在(根据当前的规范草案).