在div中验证href

Question

我有这种类型的标记

<div class="box" href="pic-gallery/img01.jpg">
  <div>----------</div>
</div>

现在,当我要验证它时,它显示错误,因为不允许在div内部使用href.那么如何验证这个错误？我曾经使用过

<div class="box" onclick="href='pic-gallery/img01.jpg'"></div>

但它没有打开图像,因为图片正在通过fancybox.所以请帮助我.任何帮助和建议将是非常值得注意的.

Answer 1

href不是一个有效的属性div,只是a和area.您最好的选择是使用实际链接(a元素).您可以使用样式(display: block)使其在现代浏览器上显示为块(遗憾的是,在某些旧版本的IE上),并且由于其内容模型是透明的,您可以在其中放置div.Fancybox howto页面上的所有示例都显示使用a元素,而不是div.

也许吧

<a class="box" href="pic-gallery/img01.jpg">
  <div>----------</div>
</a>

..."盒子"类包含的地方display: block.或者,如果您将该类放在不希望显示块的位置,请将display: block其分开并单独应用(通过另一个类或内联style属性).