Visual Studio HTML5验证:元素'img'不能嵌套在元素'a'中

时间:2011-10-25 21:27:41

标签: html visual-studio-2010 html5 w3c-validation

我在Visual Studio 2010中遇到了这个奇怪的验证错误,选择了HTML5验证:

Validation error

这是验证错误(合法或Visual Studio中的错误)还是我错过了一些明显而简单的内容?


编辑添加了相关代码。

查看cshtml

@model My.Web.ViewModels.ListVideos

@{
    ViewBag.Title = "All Videos";
}

@foreach (var item in Model.Videos) { 
    <a href="@Url.Action("Play", "Player", new { videoId = item.VideoId })">
        <img src="http://i2.ytimg.com/vi/@item.PublisherVideoId/default.jpg" alt="@item.Title" style="border: 0" />
    </a>
}

_Layout.cshtml

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.6.4.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
</head>
<body>
    <div class="page">
        <header>
            <div id="title">
                <h1>My Web</h1>
            </div>
            <div id="logindisplay">
                @Html.Partial("_LogOnPartial")
            </div>
            <nav>
                <ul id="menu">
                    <li>@Html.ActionLink("Videos", "ListVideos", "Player")</li>
                    <li>@Html.ActionLink("Dev", "Index", "Dev")</li>
                </ul>
            </nav>
        </header>
        <section id="main">
            @RenderBody()
        </section>
        <footer>
        </footer>
    </div>
</body>
</html>

2 个答案:

答案 0 :(得分:11)

您需要使用Visual Studio 2010 SP1 Web标准更新才能正常运行。这是一个错误。

在此处查看更多内容:http://blogs.msdn.com/b/webdevtools/archive/2011/06/15/web-standards-update-for-visual-studio-2010-sp1.aspx?PageIndex=2

在此处获取网络标准更新: http://visualstudiogallery.msdn.microsoft.com/a15c3ce9-f58f-42b7-8668-53f6cdc2cd83

答案 1 :(得分:2)

如果你查看关于Html5的W3C documentation,你会发现如果它不是按钮或其他链接,你可以在a标记内。

  

只要内部没有交互式内容(例如按钮或其他链接),a元素可以包裹整个段落,列表,表格等,甚至整个部分。