якорь itemprop URL, а затем IMG

Question

якорь itemprop URL, а затем IMG

0

Парень SEO хочет, чтобы я изменил заголовок логотипа в этом, чтобы наш логотип был кликабельным, а затем перенаправлялся на базовый URL:

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

Мне сложно выполнять это, так как это повлияет на дизайн, потому что рядом с логотипом появляется ссылка "Главная", поэтому я сделал что-то вроде этого:

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

Есть ли способ реализовать то, что он предложил, не влияя на текущую реализацию?

Leandro Garcia 11 нояб. 2013, в 00:53

Источник

1

Что плохого в том, чтобы поместить <img> внутрь <a> ?
SuperCheezGi 11 нояб. 2013, в 00:08

Теги:

html

css

1 ответ

Ещё вопросы

Что плохого в том, чтобы поместить <img> внутрь <a> ?

meriadec · Answer 1 · 2013-11-10T21-36-00.000Z

Вы можете поместить изображение в ссылку.

в вашем html:

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

затем в вашем css, чтобы предотвратить другое стилирование ссылок:

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

Проверьте результат здесь: http://jsfiddle.net/X4VF2/