HTML链接不是';行不通
我基本上有两个问题。首先,我的每个网页的链接都不起作用。我使用intellisence为页面文件选择URL,因此我不确定在运行解决方案并单击链接时为什么会出现“找不到资源”错误。第二个问题是,我正在尝试创建我的第一个响应性网站。我目前正在修改导航菜单,这样当屏幕低于某个特定宽度时,它就会变成一个单一的下拉菜单(使用样式使其看起来很好)。我正在使用开源脚本来运行更改。该脚本文件名为responsivemobilemenu.js 这是我的HTML:HTML链接不是';行不通,html,css,Html,Css,我基本上有两个问题。首先,我的每个网页的链接都不起作用。我使用intellisence为页面文件选择URL,因此我不确定在运行解决方案并单击链接时为什么会出现“找不到资源”错误。第二个问题是,我正在尝试创建我的第一个响应性网站。我目前正在修改导航菜单,这样当屏幕低于某个特定宽度时,它就会变成一个单一的下拉菜单(使用样式使其看起来很好)。我正在使用开源脚本来运行更改。该脚本文件名为responsivemobilemenu.js 这是我的HTML: <!DOCTYPE html> <
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Atlas Web Pages</title>
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
<script src="@Url.Content("~/Scripts/knockout-2.1.0.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-1.7.1.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/responsivemobilemenu.js")" type="text/javascript"></script>
</head>
<body>
<div class="box-effect">
<header id="header">
<div class="web-header">
<div class="logo-image">
<img style="vertical-align:top" src="~/Images/WebPageLogo.png" height="85" width="820" alt="Atlas Logo" />
<br />
</div>
<div id="follow-icons">
<a href ="www.facebook.com/jmilam90"><img src="~/Images/FBIcon.png" alt="Follow on Facebook" height="40" width="40" /></a>
<a href ="www.twitter.com/jmilam900"><img src="~/Images/TwitIcon.png" alt="Follow on twitter" height="40" width="40" /></a>
<a href ="https://www.youtube.com/channel/UCCSdkWipauQ1mhzEPAJfOnA"><img src="~/Images/YTIcon.png" alt="Subscribe on Youtube" height="40" width="40" /></a>
<a href ="mailto:jmilam90@gmail.com"><img src="~/Images/GMailIcon.png" alt="Send me an Email" height="40" width="40" /></a>
</div>
</div>
</header>
<div class="rmm">
<ul>
<li><a href="~/Views/Home/Index">Home</a></li>
<li><a href="~/Views/About/About">The Team</a></li>
<li><a href="~/Views/Current/CurrentList">Current Line-Up</a></li>
<li><a href="~/Views/Retired/RetiredList">Retired Equipment</a></li>
<li><a href="~/Views/Tournament/TourneyInfo">Tournaments</a></li>
<li><a href="~/Views/Video/Videos">Videos</a></li>
<li><a href="~/Views/Sponsor/Sponsors">Sponsors</a></li>
</ul>
</div>
<div id="body-content">
@RenderSection("featured", required: false)
<section class="content-wrapper clear-fix">
@RenderBody()
</section>
</div>
@Scripts.Render("~/bundles/jquery")
@RenderSection("scripts", required: false)
</div>
</body>
</html>
试试这个
<li><a href="/Home/Index">Home</a></li>
<li><a href="/About/About">The Team</a></li>
<li><a href="/Current/CurrentList">Current Line-Up</a></li>
<li><a href="/Retired/RetiredList">Retired Equipment</a></li>
<li><a href="/Tournament/TourneyInfo">Tournaments</a></li>
<li><a href="/Video/Videos">Videos</a></li>
<li><a href="/Sponsor/Sponsors">Sponsors</a></li>
对于任何外部网站,链接必须以
http://
或https://
开头。否则,url将被视为相对于您所在的当前域。你可以通过点击一个链接来查看错误页面,现在看看url。它应该类似于http://yourdomain.com/www.facebook.com/jmilam90
这不是facebook。您能否尝试将您的视图Url更改为类似此Url的帮助程序。操作(“someaction”、“somecontroller”、new{id=“123”}),这将帮助您确保为站点解析正确的Url,你甚至可以用HTML.ActionLink(…)替换整个锚点,这将生成带有URL的整个链接。我将所有内容都更改为HTML.ActionLink,现在它们都可以工作了。
<li><a href="/Home/Index">Home</a></li>
<li><a href="/About/About">The Team</a></li>
<li><a href="/Current/CurrentList">Current Line-Up</a></li>
<li><a href="/Retired/RetiredList">Retired Equipment</a></li>
<li><a href="/Tournament/TourneyInfo">Tournaments</a></li>
<li><a href="/Video/Videos">Videos</a></li>
<li><a href="/Sponsor/Sponsors">Sponsors</a></li>
@Html.ActionLink("Link Text", "Action Name", "Controller Name")