锚定itemprop url然后img

时间:2013-11-10 23:05:11

标签: html css

SEO人员要我修改我的标题徽标,以便我们的徽标可以点击,然后重定向到基本网址:

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

有没有办法在不影响当前实施的情况下实施他的建议?

1 个答案:

答案 0 :(得分:0)

您可以将图片放入链接中。

你的HTML中的

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

然后在你的CSS中,以防止其他链接样式:

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

在此处查看结果:http://jsfiddle.net/X4VF2/