身份证链接失效答案

【问题标题】：ID tag link not working身份证链接失效
【发布时间】：2015-08-18 16:51:33
【问题描述】：

我的网站：cultpops.com

我正在尝试让我的网站左上角的徽标链接到我页面上的“关于”部分。根据另一个stackoverflow主题，我将[a href="#about"][/a]放在所述徽标周围，将[a id="about"][/a]放在所述部分周围。我在这里错过了什么？

【问题讨论】：

请发布相关的 HTML 和 CSS，因为您的网站将来可能会发生变化，并使这个问题 + 答案无用。
对不起，我是新手，但在这种情况下，除了上述代码之外，相关的 html 是什么？使用 wordpress fwiw。
例如当你谈到said logo。另外，您参考了另一个 SO 主题，也许您可以链接该主题，以便我们获得尽可能多的信息。

标签： html wordpress hyperlink

【解决方案1】：

在 "img src="example.com/image.png" 标签周围放置以下内容：

<a href="http://example.com/youraboutpage">
<img src="example.com/image.png">
</a>

我可以看到您正在使用 wordpress - 徽标图像标签位于您的 header.php 文件中，可在 Appearance>Editor 中使用

希望对你有帮助

管理员亚历克斯

【讨论】：

【解决方案2】：

我看到您确实将[a id=”about”] 放入您的代码中。这不是一个 html 标签。 html标签总是这样<htmltag>而不是方括号

如果你想链接到一个锚点，你只需要为你想要的 html 元素提供一个 id（不必是 <a> 标签）。

最简单的方法是例如在关于部分上方的图片上。

将您的编辑器设置为文本而不是视觉，并为您的图像或图像周围的标签添加一个 id。它看起来像这样。

<a href="http://www.cultpops.com/wp-content/uploads/2015/05/logo21.png" id="about">
  <img class="alignnone size-full wp-image-97" src="http://www.cultpops.com/wp-content/uploads/2015/05/logo21.png" alt="logo2" width="97" height="133">
</a>

【讨论】：