我可以使用同一个锚链接到多个元素吗？

Question

我有一些需要链接到同一URL的代码块。 例如，一个电子商务产品列表。 为了节省空间，我宁愿将所有对象分组在同一个锚中，而不是将锚写4次以上。 但是，我不知道这是最佳做法还是功能正确。

有人可以告诉我使用以下代码组合有什么问题吗？ 从功能上讲，它可以工作，但是我对在多个浏览器/平台上如何执行却不太了解。 目前在Chrome，Firefox，Safari，IE9中对我来说看起来还可以。

    <a class="item" href="#">
        <img src="#" />
        <span class="brand">Brand</span>
        <span class="desc">Item</span>
        <span class="skue">123345</span>
        <span class="price">$4.79</span>
    </a>

和CSS：

    .brand, .desc, .skue, .price {
        float:left;
        clear:both;
    }

理想情况下，每个商品详细信息（图片，品牌，说明）都将链接到该图片的相同URL。 有没有更好的结构化方式，这样它就不会吐出带有5个不同锚点的代码？

Answer 1

这种组合没有错。 您可以在achor之间完美地包装元素。 正如乔恩（Jon）在评论中所提到的那样。

以下是允许放在<a>标记内的元素的枚举：

br | span | bdo | map
object | img | tt | i | b | big | small 
ins | del | script | input | select | textarea | label | button
em | strong | dfn | code | q |
samp | kbd | var | cite | abbr | acronym | sub | sup 

来源： http : //www.w3.org/TR/xhtml1/dtds.html#dtdentry_xhtml1-strict.dtd_a.content