徽标作为主页链接

Question

所以，我会尽量保持这一点。我正在制作导航，我希望我的徽标充当主页链接。像这样：

但是，我遇到了麻烦。任何帮助将不胜感激！

codepen的代码：

`http://codepen.io/aaronmtx/pen/NRYqOm`

Answer 1

代码是一个例子还是您正在谈论的网站应该有效？

要将徽标设为主页链接，您只需在图像周围放置一个href并将路径设置为“/".

示例：

<a href="/"><img src="images/example.jgp" /></a>

在您的codepen中，链接中的＃符号是标准类型的“稍后使用正确的路径更改我”符号，该符号只链接到当前页面的顶部。您需要将所有这些更改为路径。 /是您的根页或主页。之后的任何内容都将导航到其他页面。

因此，根据您的文件夹和文件名，您最终会在主页/或/services等位置/services.html。

<nav>
    <ul>    
        <li class="nav-logo"><a href="/"><img src="http://baseframe.co/a/img/White-B.png"></a></li>
        <li><a href="/services">Services</a></li>
        <li><a href="/portfolio">Portfolio</a></li>
        <li><a href="/contact">Contact</a></li>
    </ul>
</nav>

这会使图像成为链接，点击后会导航到根目录。显然，请使用正确的徽标路径替换您的图像。

如果这没有帮助，您可以通过添加文件名和文件夹结构的代码来澄清吗？

希望这有帮助！