在锚标记中打开外部链接答案

【问题标题】：Open External Link in Anchor Tag在锚标记中打开外部链接
【发布时间】：2013-08-16 00:00:55
【问题描述】：

我有一个这样的 HTML 代码：

<div class="menu">
  <ul>
    <li id="default"><a href="#homepage">Home</a></li>
    <li><a href="#research">Research</a></li>
    <li><a href="#portfolio">Publications</a></li>        
    <li><a href="#resume">Resume</a></li>
    <li><a href="#blog">Blog</a></li>
  </ul>
</div>

我想要链接

<li><a href="#blog">Blog</a></li>

重定向到另一个外部页面。所以我改变了这样的代码：

<li><a href="http://www.blogname.com/">Blog</a></li>

但是整个页面搞砸了，让我发疯了。有没有办法让我以某种方式完成这项工作？

【问题讨论】：

你的问题是什么？解释一下..
你能解释清楚吗
@mr-green，我不确定为什么它不起作用，但我意识到如果我使用#blog 它可以完美运行，但是当我尝试使用外部 URL 时，所有链接页面停止响应。对于此模板：dahndesigns.net/themeforest/summit 所有顶部链接都是锚标记。如果我将其中任何一个更改为外部页面，所有链接都会停止响应。

标签： html css code-snippets

【解决方案1】：

我已经设置了我认为在你的 html 中你忘记关闭任何标签的工作示例

<div class="menu">
  <ul>
    <li id="default"><a href="#homepage">Home</a></li>
    <li><a href="#research">Research</a></li>
    <li><a href="#portfolio">Publications</a></li>        
    <li><a href="#resume">Resume</a></li>
    <li><a href="http://www.blogname.com/">Blog</a></li>
  </ul>
</div>

see here

【讨论】：

谢谢。我也试过这个，它可以作为独立的，但是当我在主代码中使用它时它没有响应。

【解决方案2】：

这是你的答案。我也遇到了这个问题，但后来我研究发现，在打开外部链接之前，我们必须使用像 https:// 和 http:// 这样的协议。你可以看看我的研究。

&lt;li&gt;&lt;a href="https://msnetwork-1.web.app"&gt;v&lt;/a&gt;&lt;/li&gt;

【讨论】：