将书签链接到其他文件 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>

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