Какой код Adsense правильный?

12
AlexStep
На сайте с 23.03.2009
Offline
353
#11
St_Silent:
Подскажите еще, чем отличается параметр style="display:block;" от style="display:inline-block;". А то видел и так пишут, и так, а в чем там разница - не понимаю:(

Погуглил тему, похоже display:inline-block используется тогда, когда блоку нужно задать размеры width/height.

В остальных случаях, когда размер определяется Адсенсом полностью автоматически, используется display:block.

Примеры из справки гугла. Просто горизонтальный блок, без размеров. Используется display:block

<ins class="adsbygoogle"

style="display:block;"
data-ad-client="ca-pub-1234"
data-ad-slot="5678"
data-ad-format="horizontal"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Задана высота, минимальная и максимальная ширина. Уже используется display:inline-block

<ins class="adsbygoogle"

style="display:inline-block;min-width:400px;max-width:970px;width:100%;height:90px"
data-ad-client="ca-pub-1234"
data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Что касается чисто CSS то вот годная статья https://learn.javascript.ru/display.

Alex Agent
На сайте с 07.04.2011
Offline
304
#12
AlexStep:
Погуглил тему, похоже display:inline-block используется тогда, когда блоку нужно задать размеры width/height.
В остальных случаях, когда размер определяется Адсенсом полностью автоматически, используется display:block.

Азы CSS учить надо. Свойство display:inline-block используется для того, чтобы сделать возможность размещения блочного элемента HTML внутри строки. Как, например, картинки img или кпоки input type="button".

Раньше его использовали редко, так как IE до 8-й версии не дружил с ним по-человечески, да и FireFox до 3.0 туда же, но сейчас другие времена и те браузеры помнят только старые вебмастера в самых страшных снах.

В случае AdSense это может быть удобно для центрирования блока внутри div с text-align: center, либо разместить два блока в одну строку рядом (сейчас это часто практикуется на декстопах и дает неплохой совокупный CTR).

Хотя то же самое делается и для display:block с помощью margin: auto в первом случае и float:left - во втором. Правда два блока центрировать в одной строке все же удобнее для display:inline-block.

Для задания размеров что display:inline-block, что display:block работают одинаково. Только в последнем случае блок по умолчанию растягивается на всю ширину, если не задано иное.

Всему свое время. Все сами принесут и все сделают. Быстрый и выгодный перевод денег Россия ↔ Украина онлайн (http://smartwm.ru/referral/cea1f09842be).
AlexStep
На сайте с 23.03.2009
Offline
353
#13
Alex Agent:
Для задания размеров что display:inline-block, что display:block работают одинаково. Только в последнем случае блок по умолчанию растягивается на всю ширину, если не задано иное.

Вы правы. Меня сбила вот эта фраза "Работают свойства width/height" из статьи https://learn.javascript.ru/display

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий