【问题标题】:Can I link to internal parts of my HTML page?我可以链接到我的 HTML 页面的内部部分吗?
【发布时间】:2014-08-21 08:47:03
【问题描述】:

当然,可以在 HTML 表格单元格中放置链接,就像我在第一行中所做的 here 一样,使用这样的 HTML:

<th><a href="http://translate.com" target="_blank">translate.com &amp; https://translate.google.com</a></th>
<th><a href="http://www.bing.com/translator/" target="_blank">Bing Translator</a></th>

是否有可能,而不是将 href 标签链接到外部网页,而是链接到内部片段/片段(我不知道这是否是正确的术语,或者是否表示其他特定的东西)。

我想做的是页面上有几个表,由h1标签分隔命名表,然后选择顶部“主”表中的链接时,页面被滚动到所需位置。

我希望我能做这样的事情(伪标记):

<th><a href="MesaTisch">Spanish Table / German Table</a></th>
. . .
<h1 id="MesaTisch">Español Table / Deutsch Table</h1>

这可能吗?如果是这样,我在正确的轨道上吗?还是用 jQuery 或 CSS 处理会更好?

【问题讨论】:

  • 你可以通过使用id选择器或绑定JS事件来滚动到页面的所需部分。
  • 你可以把&lt;a name="mesatisch" /&gt;放在h1标签上面,然后&lt;a href="#mesatisch" /&gt;作为链接。
  • hash in anchor tags的可能重复

标签: jquery css html href semantic-markup


【解决方案1】:

你已经接近了。通过id 链接到元素时,添加#

<th><a href="#MesaTisch">Spanish Table / German Table</a></th>
...
<h1 id="MesaTisch">Español Table / Deutsch Table</h1>

【讨论】:

    【解决方案2】:

    你真的很亲密!注意#

    <th><a href="#MesaTisch">Spanish Table / German Table</a></th>
    . . .
    <h1 id="MesaTisch">Español Table / Deutsch Table</h1>
    

    【讨论】:

      猜你喜欢
      • 2018-04-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-05-03
      • 2017-11-23
      • 2022-01-15
      • 1970-01-01
      相关资源
      最近更新 更多