Question

我知道div标签是大多数标签的容器，例如href标签......据说我有一个有效的文档，只有当a href标签围绕两个div标签时才会起作用。

如果我调整div和href以使其符合w3c，则会扭曲网站。我可以调整我的.js和.css以使其工作，但我想找到一个替代解决方案。我可以将href标签保留在现在的位置吗？

感谢您提供任何帮助或建议。

链接到这里：http://momentum.freeiz.com/

代码在这里：

<a href="hapo.htm" >        
  <div class="boxgrid_slideright">
    <div id="slideshow">
      <img class= "cover" src="images/home/ hapo/0.jpg" width="161" height="107" alt="hapo credit union"/>
      <img class= "cover" src="images/home/ hapo/1.jpg" width="161" height="107" alt="hapo credit union"/>
      <img class= "cover" src="images/home/ hapo/2.jpg" width="161" height="107" alt="hapo credit union"/>
      <img class= "cover" src="images/home/ hapo/3.jpg" width="161" height="107" alt="hapo credit union"/>
      <img class= "cover" src="images/home/ hapo/4.jpg" width="161" height="107" alt="hapo credit union"/>
    </div><!--slideshow--> 
  </div><!--boxgrid-->
</a>

Answer 1

您应该将内联元素设置为使用css表示为块元素：

CSS：

a.whatever, .boxgrid_slideright, .slideshow {
  display: block;
}

HTML：

<a class="whatever" href="hapo.htm" >        
  <span class="boxgrid_slideright">
    <span id="slideshow">
      <img class= "cover" src="images/home/ hapo/0.jpg" width="161" height="107" alt="hapo credit union"/>
      <img class= "cover" src="images/home/ hapo/1.jpg" width="161" height="107" alt="hapo credit union"/>
      <img class= "cover" src="images/home/ hapo/2.jpg" width="161" height="107" alt="hapo credit union"/>
      <img class= "cover" src="images/home/ hapo/3.jpg" width="161" height="107" alt="hapo credit union"/>
      <img class= "cover" src="images/home/ hapo/4.jpg" width="161" height="107" alt="hapo credit union"/>
    </span><!--slideshow--> 
  </span><!--boxgrid-->
</a>

Answer 2

XHTML 2将允许在任何元素上使用“href”属性，允许块级锚点并在某些情况下消除相同锚点的重复或在其他情况下消除不必要的附加标记。这真的很有意义，因为“a”标签只是一个跨度，但是唯一的跨度增加了链接到其他地方的能力。 “a”实际上没有特殊的语义含义，并且通过查找带有“href”的标签，可以在解析中找到页面上的所有链接。在HTML 5开发的早期阶段，讨论了“随处可见”的方法，我很兴奋地认为它将成为HTML 5的一部分。当时，这对我来说是最有趣的HTML 5 。但“href anywhere”将意味着所有以前的浏览器根本无法看到链接（除了出于某种原因放入“a”标签的那些），所以这个想法被废弃了。相反，HTML 5创建者利用了当前浏览器已经拥有的反规范功能：阻止级别锚点。浏览器至少回到IE 6将很乐意将“流内容”放在“a”标签中的链接中。 via - Toby Mackenzie

http://davidwalsh.name/html5-elements-links

http://html5doctor.com/block-level-links-in-html-5/

div标签外面的href标签？

2 个答案: