4

如何在电子邮件中插入内部链接?

这是我在浏览器中打开的 html,在 gmail 中复制粘贴,将其发送给我自己并期望其内部链接能够正常工作:

<html>
  <body>
    <p><a href="#Title1" title="Click to go to Title 1">Birds</a></p>
    <p><a href="#Title2" title="Click to go to Title 2">Trees</a></p>
    <p><a href="#Title3" title="Click to go to Title 3">Flowers</a></p>
    <h4 id="Title1">Birds</h4>
    <p> There are many different birds. There are... </p>
    <h4 id="Title2">Trees</h4>
    <p> Trees have many different colors and branches... </p>
    <h4 id="Title3">Flowers</h4>
    <p> The Lignum Vitae is the national flower of Jamaica... </p>
  </body>
</html>

编辑

我将以下内容发送给我自己:

<html>
  <body>
    <p><a href="#Title1" title="Click to go to Title 1">Birds</a></p>
    <p><a href="#Title2" title="Click to go to Title 2">Trees</a></p>
    <p><a href="#Title3" title="Click to go to Title 3">Flowers</a></p>
    <h4 id="Title1"><a name="Title1">Birds</a></h4>
    <p> There are many different birds. There are... HOWEVER, it should be noted that Gmail appears to override the default browser/HTML functionality with JavaScript (and inserts a prefix into the named anchor and corresponding href so as not to interfere with its web interface). Consequently it seems that Gmail will only scroll to the named anchor if it is currently out of view - if it is already visible then no scroll occurs. HOWEVER, it should be noted that Gmail appears to override the default browser/HTML functionality with JavaScript (and inserts a prefix into the named anchor and corresponding href so as not to interfere with its web interface). Consequently it seems that Gmail will only scroll to the named anchor if it is currently out of view - if it is already visible then no scroll occurs.</p>
    <h4 id="Title2"><a name="Title2">Trees</a></h4>
    <p> Trees have many different colors and branches... HOWEVER, it should be noted that Gmail appears to override the default browser/HTML functionality with JavaScript (and inserts a prefix into the named anchor and corresponding href so as not to interfere with its web interface). Consequently it seems that Gmail will only scroll to the named anchor if it is currently out of view - if it is already visible then no scroll occurs. HOWEVER, it should be noted that Gmail appears to override the default browser/HTML functionality with JavaScript (and inserts a prefix into the named anchor and corresponding href so as not to interfere with its web interface). Consequently it seems that Gmail will only scroll to the named anchor if it is currently out of view - if it is already visible then no scroll occurs.</p>
    <h4 id="Title3"><a name="Title3">Flowers</a></h4>
    <p> The Lignum Vitae is the national flower of Jamaica... HOWEVER, it should be noted that Gmail appears to override the default browser/HTML functionality with JavaScript (and inserts a prefix into the named anchor and corresponding href so as not to interfere with its web interface). Consequently it seems that Gmail will only scroll to the named anchor if it is currently out of view - if it is already visible then no scroll occurs. HOWEVER, it should be noted that Gmail appears to override the default browser/HTML functionality with JavaScript (and inserts a prefix into the named anchor and corresponding href so as not to interfere with its web interface). Consequently it seems that Gmail will only scroll to the named anchor if it is currently out of view - if it is already visible then no scroll occurs.</p>
  </body>
</html>

并且链接不可点击。我做错了什么?

4

1 回答 1

7

gmail中,您将需要使用命名锚点:

<a name="Title1">Birds</a>

正如您所料,不同的电子邮件客户端......工作方式不同。有些支持 ID 的内部链接;有些没有;一些支持两者。AFAIK gmail 仅支持命名锚点。请记住,可能会有一些电子邮件客户端根本不支持内部链接。

in the idin theh4不是绝对必要的,因为命名的锚应该在大多数电子邮件客户端中工作。但是,据我所知,没有理由不同时拥有两者。以下内容在 Gmail 中适用于我:

<h4 id="Title1"><a name="Title1">Birds</a></h4>

但是,应该注意的是,Gmail 似乎用 JavaScript 覆盖了默认的浏览器/HTML 功能(并在命名的锚点和相应的 href 中插入了一个前缀,以免干扰其 Web 界面)。因此,Gmail 似乎只会在当前不可见的情况下滚动到指定的锚点- 如果它已经可见,则不会发生滚动。

于 2013-04-24T07:41:45.363 回答