添加冗余的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()中出现了关于标签嵌套的错误。您使用了哪个验证器?