HTML链接不是';行不通

HTML链接不是';行不通,html,css,Html,Css,我基本上有两个问题。首先,我的每个网页的链接都不起作用。我使用intellisence为页面文件选择URL,因此我不确定在运行解决方案并单击链接时为什么会出现“找不到资源”错误。第二个问题是,我正在尝试创建我的第一个响应性网站。我目前正在修改导航菜单,这样当屏幕低于某个特定宽度时,它就会变成一个单一的下拉菜单(使用样式使其看起来很好)。我正在使用开源脚本来运行更改。该脚本文件名为responsivemobilemenu.js 这是我的HTML: <!DOCTYPE html> <

我基本上有两个问题。首先,我的每个网页的链接都不起作用。我使用intellisence为页面文件选择URL,因此我不确定在运行解决方案并单击链接时为什么会出现“找不到资源”错误。第二个问题是,我正在尝试创建我的第一个响应性网站。我目前正在修改导航菜单,这样当屏幕低于某个特定宽度时,它就会变成一个单一的下拉菜单(使用样式使其看起来很好)。我正在使用开源脚本来运行更改。该脚本文件名为responsivemobilemenu.js

这是我的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")