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;
    }

理想情况下，每个商品详细信息（图片，品牌，描述）都会链接到该图片的相同网址。有没有更好的结构方法，所以它不会用5种不同的锚点吐出代码？

Answer 1

这种组合没有任何问题。你可以完美地在achor之间包装元素。正如乔恩在评论中提到的，它就是为了这个。

以下是允许进入<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

我可以链接到具有相同锚点的多个元素吗？

1 个答案: