链接到页面上的不同区域

2018-07-01 22:02:28

这看起来像一个愚蠢的问题，但是：

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

所以我很有气质

菜单

第一项（是链接）

第二项（成为一个链接）

等（是一个链接）

然后再往下翻页

第一项 （当菜单中的第一项点击页面到这里时）

“关于它的细节”

第二项 （当菜单中的第二项点击页面到这里时）

“细节在这里”

我究竟该如何去做这件事？

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

它被称为anchor tag ，您可以将其与＃结合以获得问题中要求的结果。

刚刚说：

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

在第一部分的开头

下一步是，然后，无论你想链接到它，只需添加：

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

请注意，您也可以使用上述方法指向元素中的ID以获得结果。

例如：

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

这会帮助你，如果你有任何其他问题让我知道。

您可以在链接前使用散列（'＃'）来指定它指向同一页面中的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属性不再存在（根据当前规范草案）。

你可以用锚标签来做到这一点。

在菜单中：

<a href="#item-one">item one</a>
<a href="#item-two">item two</a>

再往下看：

<a name="item-one">item one</a>

...

<a name="item-two">item two</a>

你可以查看http://www.w3schools.com/HTML/html_links.asp了解更多信息。

链接地址: http://www.djcxy.com/p/88985.html