• Авторизация


Тэги figure и figcaption 22-03-2013 15:43 к комментариям - к полной версии - понравилось!


Для того что бы продвинуться в нашем времени "продвинутого сео" нужно знать много тонкостей и мелочей, которые в конечном итоге "могут решить всё"
Узнал как правильно оформлять подписи к изображениям. Они должны идти единым блоком, но не див-ом, который их по сути не связывает, а тэгом <figure>.
Элемент <figure> представляет единицу содержимого, с необязательной подписью, которая является самодостаточной, на которую обычно ссылаются как на единое целое из основного потока документа, и которая может быть вынесена из основного потока документа [в другое место] без ущерба для смысла документа.
Картинка и подпись являются единым содержимым элемента (подобно свойству alt), что является семантической маркировкой. А ведь это сейчас очень важно для поисковиков, хотя они только начинают обращать на это внимание.
Приведу, пример. Есть логотип поисковика дешевых авиабилетов. Делаем подпись с направлением.
Вот два варианта - слева правильный, справа неправильный.


<figure>
<p><img src="http://aerola.ru/templates/aviabilet/images/logo3.png" alt="aerola.ru" /></p>
<figcaption style="text-align: center"><a href="http://aerola.ru/routes/afinx-novosibirsk.html" target="_blank">Из Афин в Новосибирск</a></figcaption>
</figure>

<p><img src="http://aerola.ru/templates/aviabilet/images/logo3.png" alt="aerola.ru" /></p>
<p style="text-align: center"><a href="http://aerola.ru/routes/afinx-novosibirsk.html" target="_blank">Из Афин в Новосибирск</a></p>
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Тэги figure и figcaption | Александр_ЗАН - Говорит и показывает | Лента друзей Александр_ЗАН / Полная версия Добавить в друзья Страницы: раньше»