HTML 实现以下的有效方法

Question

Running the Ubuntu cloud page http://www.ubuntu.com/business/cloud/overview through http://validator.w3.org/ gives several errors, the majority of which are centred around not having <divs> and <h> s 等在<a>标记中。

我感兴趣的实现是带有箭头的四个框，当您在它们上方 hover 时它们会改变颜色（因为它们是<a>链接）。 实现这一点的有效方法是什么？

Answer 1

实现这一点的有效方法：

• 每个块内的单独链接。 将:hover效果放在父 div 上，而不是链接上。 缺点：更多标记

• 仅在单个链接内使用内联元素，必要时使用 CSS 将它们更改为display: block元素。 缺点：可能语义较少

• 使用 HTML5 文档类型，因为 [X]HTML5 允许这种结构。 缺点：HTML5 的当前移动目标特性不太容易验证。

Answer 2

每一个都可以是一个（具有：hover 效果以更改背景颜色/图像），并且位于内部的 div 仅覆盖整个 div，其height和width位于 CSS 中。