添加冗余的HTML标记<;a>;标签<;divs>;?

添加冗余的HTML标记<;a>;标签<;divs>;?,html,css,Html,Css,我想把一个缩略图元素包装成一个锚标签,这样整个元素就是一个可点击的链接。就我所见,我的标记看起来是正确的,但是当我在浏览器中查看页面并检查元素时,添加了几个标记 我的标记: <div class="col-xs-6 col-sm-4"> <a class="link" href="page.html"> <div class="thumbnail"> <img alt="200x360" src="img.png"> <d

我想把一个缩略图元素包装成一个锚标签,这样整个元素就是一个可点击的链接。就我所见,我的标记看起来是正确的,但是当我在浏览器中查看页面并检查元素时,添加了几个标记

我的标记:

<div class="col-xs-6 col-sm-4">
 <a class="link" href="page.html">
  <div class="thumbnail">
   <img alt="200x360" src="img.png">
    <div class="caption">
     <h3>Thumbnail label</h3>
 <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</p>
 <p><a href="#" class="btn btn-primary" role="button">category</a></p>
    </div>
   </div>
  </a>
 </div>

我在元素检查器中看到的内容:

<div class="col-xs-6 col-sm-4">
<a class="link" href="page.html"></a>

    <div class="thumbnail"> <a class="link" href="page.html">
            <img alt="200x360" src="img.png">
        </a>

        <div class="caption"><a class="link" href="page.html">
            <h3>Thumbnail label</h3>
            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
    </a>

            <p><a class="link" href="page.html"></a><a href="#" class="btn btn-primary" role="button">category</a>
            </p>
        </div>
    </div>
</div>



我已经盯着我的标记看了20分钟了,还把它推过了验证器。我没有看到任何错误。有人知道这里发生了什么吗?

问题是你有一个

如果您通过html5验证程序运行它,它会这样说:

错误:看到一个开始标记,但同一类型的元素已打开

来自第14行第5列;至第14行第54列

↩ catego


“将其通过验证程序。我没有看到任何错误”我们可以假设您正在验证HTML5吗?当您查看源代码时,源代码中是否会出现额外的标记?这是因为您正在关闭末尾的
a.link
标记。我不知道为什么会发生这种情况,但是如果您将结束
放在
div.thumbnail
之外,额外的
a
标记就会消失。看到你通过验证器运行了吗??当我这样做的时候,我在HTML4.01()中遇到了很多错误,并且在html5()中出现了关于标签嵌套的错误。您使用了哪个验证器?