【问题标题】:Link to a section of a webpage链接到网页的某个部分
【发布时间】:2012-01-15 12:33:31
【问题描述】:

我想创建一个链接,当点击该链接时,它会将您发送到页面(或另一个页面)上的某一行。我知道这是可能的,但我该怎么做呢?

【问题讨论】:

  • 使用锚点。使用带有#something 作为href 的锚标记将导致页面转到文档中具有该ID(在本例中为“某物”)的任何元素。
  • joseph - 你为什么把它作为评论输入?这几乎就是答案,如果您将其转换为一个,我会加上它。
  • 所以...如果我有一个带有 id 的
    标签,并且有一个看起来像“text”的链接,它会带你去?
  • 对此还有一个问题。从 page1.html 转到 page2.html 上的 div 标签时,我该怎么做? (在下面问了同样的问题)
  • 见博兹多斯的回答。注意网址末尾的#answers 添加。

标签: html hyperlink


【解决方案1】:

您的跳转链接如下所示

<a href="#div_id">jump link</a>

然后制作

<div id="div_id"></div>

跳转链接会带你到那个div

【讨论】:

  • 对此还有一个问题。从 page1.html 转到 page2.html 上的 div 标签时,我该怎么做?
  • 你的跳转链接是(URL or path)page.html#div_id
  • 我们可以避免修改网址吗?
【解决方案2】:

URL 末尾的标签将访问者带到具有 ID 的元素:例如

http://stackoverflow.com/questions/8424785/link-to-a-section-of-a-webpage#answers 

会将您带到 ID 为“answers”的 DIV 开始的位置。此外,您可以在锚标签中使用 name 属性来创建相同的效果。

Resource

【讨论】:

  • 如果我想去的部分没有id,只有class怎么办?
  • 没有通过 URL 地址栏滚动到类的内置方法
  • 主题标签是一种以纯文本形式指示术语应超链接到社交媒体网络上的搜索引擎的方法。它之所以得名,是因为它使用哈希字符作为前缀。请不要将井号字符的其他用途与主题标签混淆。
  • 对不起,应该叫它“跳转链接”:P
【解决方案3】:

由井号 # 引入的片段标识符(也称为:片段 ID、锚标识符、命名锚)是文档 URL 的可选最后部分。它通常用于标识该文档的一部分。

<a href="http://www.someuri.com/page#fragment">Link to fragment identifier</a>

URI 的语法还允许由问号 ? 引入可选的查询部分。在带有查询和片段的 URI 中,片段跟随查询。

<a href="http://www.someuri.com/page?query=1#fragment">Link to fragment with a query</a>

当 Web 浏览器从 Web 服务器请求资源时,代理将 URI 发送到服务器,但不发送片段。相反,代理等待服务器发送资源,然后代理(Web浏览器)根据文档类型和片段值处理资源。

命名锚&lt;a name="fragment"&gt; 在 XHTML 1.0 中已弃用,ID 属性是建议的替换。 &lt;div id="fragment"&gt;&lt;/div&gt;

【讨论】:

    【解决方案4】:

    简单:

    使用&lt;section&gt;

    并使用&lt;a href="page.html#tips"&gt;Visit the Useful Tips Section&lt;/a&gt;

    w3school.com/html_links

    【讨论】:

    • 不限于部分,其他答案(从5年前开始)已经正确。
    • 这个例子不完整。请包括如何定义“提示”名称。
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签