锚定itemprop url，然后img

Question

一个搜索引擎优化的家伙想让我修改我的标题徽标到这个，以便我们的徽标将是可点击的，然后重定向到基础网址：

<div itemscope itemtype="http://schema.org/Organization">
  <a itemprop="url" href="http://domain.com/">Home</a>
  <img itemprop="logo" src="http://domain.com/img/logo.png" />
</div>

我很难实现这一点，因为它会影响设计，因为徽标旁边会出现一个"Home“链接，所以我做的事情是这样的：

<div itemscope itemtype="http://schema.org/Organization">
  <a itemprop="url" href="http://domain.com/"><img itemprop="logo" src="http://domain.com/img/logo.png" /></a>     
</div>

有没有办法在不影响当前实现的情况下实现他所建议的内容？

Answer 1

你可以把图片放在链接里。

在您的html中：

<a href="/" class="image-link">
    <img src="logo.jpg" />
</a>

然后在你的css中，为了防止其他链接样式：

a.image-link {
    text-decoration: none;
    border: none;
}

在这里查看结果：http://jsfiddle.net/X4VF2/