获取链接以转到另一个页面上的特定部分答案

【问题标题】：Getting a link to go to a specific section on another page获取链接以转到另一个页面上的特定部分
【发布时间】：2013-07-15 06:29:41
【问题描述】：

我在一个页面上有一个链接需要转到另一个页面，但要加载到另一个页面上的特定部分。

我以前用引导程序做过这个，但他们把所有的“编码”都去掉了，所以我需要知道如何从头开始。这是我基于此链接的标记（不是最好的资源，我知道）：http://www.w3schools.com/html/html_links.asp

**Page One**
<a href="/academics/page.html#timeline> Click here </a>
**Page I am linking to**
<div id="timeline" name="timeline"> ... </div>

我可以只用 HTML 来做这件事，还是需要一些 JavaScript？如果我需要通过JS来做，它需要在目标页面上，对吧？

【问题讨论】：

【解决方案1】：

我相信您发布的示例是使用 HTML5，which allows you to 跳转到具有匹配 ID 属性的 any DOM 元素。要支持旧版浏览器，您需要进行更改：

<div id="timeline" name="timeline" ...>

转为旧格式：

<a name="timeline" />

然后您就可以导航到/academics/page.html#timeline 并直接跳转到该部分。

另外，看看这个similar question。

【讨论】：

在这种情况下，“旧浏览器”是 Netscape 4 和更早版本以及 Internet Explorer 3 和更早版本。没有人需要支持他们。在相关说明中，锚元素没有可选的结束标记。您不能在 HTML 中使用 /> 语法。

【解决方案2】：

你可以简单地使用

 <a href="directry/filename.html#section5" >click me</a>

链接到另一个页面的部分/ID

【讨论】：

【解决方案3】：

要从一个页面链接到页面的另一个部分，我会根据页面的位置导航到另一个页面，在 URL 栏上，并添加#id。所以我的意思;

<a href = "../#the_part_that_you_want">This takes you #the_part_that_you_want at the page before</a>

【讨论】：

【解决方案4】：

要导航到另一个页面的某个部分，请使用：

<a href="example.html#example-section>name-of-link</a>

example.html 是您要转到的页面，#example-section 是您要导航到的页面上的 id 的名称。

【讨论】：

【解决方案5】：

我尝试了上述答案 - 使用 page.html#ID_name 它给了我一个 404 页面不存在 错误。

然后，我没有使用.html，而是在# 之前添加了一个斜杠/，效果很好。所以我在链接标签之间的发送页面上的示例如下所示：

<a href= "http://my website.com/target-page/#El_Chorro">El Chorro</a>

只需使用/ 而不是.html。

【讨论】：

【解决方案6】：

要从一个页面链接到另一个部分，只需使用

<a href="index.php#firstdiv">my first div</a>

【讨论】：