将书签链接到不同文件中的图像，HTML

Question

所以，我有这个图片：

<p class="b1">
    <img id="cakes" src="~/images/cakesBanner.png" alt="cakes">
</p>

在另一个文件中我有这个：

<div class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
        <li><a href="~/Views/Home/Index.cshtml#cakes">Cakes</a></li>

但是，不是滚动到书签的按钮，而是导航到     .../Views/Home/Index.cshtml#cakes

HTML新手，不知道我做错了什么。

Answer 1

您可以使用Html.ActionLink辅助方法。它会为您生成适当的链接。所以，而不是：

<a href="~/Views/Home/Index.cshtml#cakes">Cakes</a>

使用：

@Html.ActionLink(
    linkText: "Cakes",
    actionName: "Index",
    controllerName: "Home",
    protocol: null,
    hostName: null,
    fragment: "cakes",
    routeValues: null,
    htmlAttributes: null
)

这将产生：

<a href="/Home/Index#cakes">Cakes</a>

请注意，正确的网址是/Home/Index而不是~/View/...。