All geek questions in one place

Visual Studio HTML5 Validation: The 'img' element cannot be nested in the 'a' element

I ran into this curious validation error in Visual Studio 2010 with the selected HTML5 validation:

Validation error

Is this a validation error (legal or error in Visual Studio) or am I missing something obvious and simple?

Edit: The corresponding code has been added.

View 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>
+6
source share
2 answers

You need to update the web standards of Visual Studio 2010 SP1 for this to work correctly. This is mistake.

More details here: http://blogs.msdn.com/b/webdevtools/archive/2011/06/15/web-standards-update-for-visual-studio-2010-sp1.aspx?PageIndex=2

Get the web standards update here: http://visualstudiogallery.msdn.microsoft.com/a15c3ce9-f58f-42b7-8668-53f6cdc2cd83

+11
source

If you check the W3C documentation for Html5, you will find that you can have something inside the a tag if it is not a button or other link.

An item can be wrapped around all paragraphs, lists, tables, etc. even entire sections if they do not have interactive content (for example, buttons or other links).

+2
source

Source: https://habr.com/ru/post/900086/

More articles:


All Articles