Проверка Visual Studio HTML5: элемент 'img' не может быть вложен в элемент 'a' - PullRequest
Новая
       9

Проверка Visual Studio HTML5: элемент 'img' не может быть вложен в элемент 'a'

6 голосов
/ 26 октября 2011

Я столкнулся с этой любопытной ошибкой проверки в 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 ]

11 голосов
/ 26 октября 2011

Для корректной работы требуется обновление веб-стандартов visual studio 2010 с пакетом обновления 1 (SP1). Это ошибка.

Подробнее здесь: 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

2 голосов
/ 27 августа 2012

Если вы посмотрите документацию W3C о Html5, вы обнаружите, что внутри тега a может быть что угодно, если это не кнопка или другие ссылки.

Элемент a может быть обернут вокруг целых абзацев, списков, таблиц и т. Д., Даже целых разделов, если в них нет интерактивного содержимого (например, кнопок или других ссылок).

...