Один линк и несколько тумб горизонтально

как логически правильнее

Код:

<table><tr> <td><a href="http://domain.com/"><img src="thumb_1"><br>Desc</a></td> <td><a href="http://domain.com/"><img src="thumb_2"><br>Desc</a></td> <td><a href="http://domain.com/"><img src="thumb_3"><br>Desc</a></td> <td><a href="http://domain.com/"><img src="thumb_4"><br>Desc</a></td> <td><a href="http://domain.com/"><img src="thumb_5"><br>Desc</a></td> </tr></table>

или так

Код:

<a href="http://domain.com/"> <table><tr> <td><img src="thumb_1"><br>Desc</td> <td><img src="thumb_2"><br>Desc</td> <td><img src="thumb_3"><br>Desc</td> <td><img src="thumb_4"><br>Desc</td> <td><img src="thumb_5"><br>Desc</td> </tr></table> </a>

Последний раз редактировалось: Sterx (25/01/10 в 14:13), всего редактировалось 1 раз

Первый вариант - он и синтаксически верный и вполне допустимый.

Но, если нужно объединить и можно это сделать без таблицы, то возможен такой вариант:

Код:

<a href="http://domain.com/"> <img src="thumb_1"> <img src="thumb_2"> <img src="thumb_3"> <img src="thumb_4"> <img src="thumb_5"> </a>

скосячил, под тумбами еще подписи

Ну, можно и блоками:-)

Код:

.img_box { float: left; width: сколько нужно px; height: сколько нужно px; border: 0; text-align: center; } <a href="http://domain.com/"> <div class="img_box"><img src="thumb_1"><br>Desc</div> <div class="img_box"><img src="thumb_2"><br>Desc</div> <div class="img_box"><img src="thumb_3"><br>Desc</div> </a>

то есть для СЕ так лучше?

Не могу сказать ответственно лучше или хуже линковать целыми блоками (ИМХО, похрену), но то что в браузере будет отображаться так как тебе нужно, это точно.

Код:

<table><tr> <td><a href="http://domain.com/" title="" ><img src="thumb_1" alt="" title=""><br>Desc</a></td> <td><a href="http://domain.com/" title="" ><img src="thumb_1" alt="" title=""><br>Desc</a></td> </tr></table>

правильней для сео так

понял почему?

Sergeyka писал:

правильней для сео так понял почему?

Спору нет, так правильнее. Но во вводных речи о альтах и тайтлах речи небыло.
А так, всё верно.
Оффтопик: как-то, ради эксперимента, выкладывал имидж голой жопы с тегами типа "paparazzi BMW X6 photo". Гугл схавал, имаджес трафа подлил :-)

Бомж писал:

Ну, можно и блоками:-) Код: <a href="http://domain.com/"> <div class="img_box"><img src="thumb_1"><br>Desc</div> <div class="img_box"><img src="thumb_2"><br>Desc</div> <div class="img_box"><img src="thumb_3"><br>Desc</div> </a>

определено это шляпа, а не код

Последний раз редактировалось: Skat (02/03/10 в 18:41), всего редактировалось 1 раз

Sergeyka писал:

Код: <table><tr> <td><a href="http://domain.com/" title="" ><img src="thumb_1" alt="" title=""><br>Desc</a></td> <td><a href="http://domain.com/" title="" ><img src="thumb_1" alt="" title=""><br>Desc</a></td> </tr></table> правильней для сео так понял почему?

зачем 2 title?
меня терзацют смутные сомненья, что 1 линк и блок внутри лучше чем несколько одинаковых ссылок - но с тумбой и деском внутри.
никто популярно не аргументировал. Читал что учитывается 1 ссылка - остальные нет.

у тега img нет атрибута title
http://www.htmlbook.ru/html/img.html
title в ссылке и alt в img - и то title для визуальной составляющей

Интересные эксперименты:

Роль атрибутов ALT и TITLE у изображений

Эксперимент над ссылками с одинаковым адресом

Sterx писал:

у тега img нет атрибута title http://www.htmlbook.ru/html/img.html

Согласно спецификации HTML 4.01, атрибут title есть у всех тэгов, кроме BASE, BASEFONT, HEAD, HTML, META, PARAM, SCRIPT и TITLE. Заходим вот сюда и скроллим вниз до атрибута title.

P.S.: переводы спецификаций - отстой.

угу.
но речь не о том, пока только zialionka привел аргумент

Sterx писал:

зачем 2 title? меня терзацют смутные сомненья, что 1 линк и блок внутри лучше чем несколько одинаковых ссылок - но с тумбой и деском внутри. никто популярно не аргументировал. Читал что учитывается 1 ссылка - остальные нет .

мне странно объяснять вроде бывалому

тайтл для урла и тайтл для картинки несут разные функции

Если домен один, а хочеца разные тумбы то лучше так как я написал с разными тайтлами

но в блогинге например лучше всего 1 тумба 1 урл.
Не дублировать.

Т.е. если ссылка на домен одна, и в приделах одного поста блога лучше делать только так
<a href="http://domain.com/" title="" ><img src="thumb_1" alt="" title=""><br>Desc</a>
без всяких таблиц

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

<a href="http://domain.com/" title="" ><img src="thumb_1" alt="" title=""><br>Desc</a> море текста прикольного
<a href="http://domain.com/" title="" ><img src="thumb_2" alt="" title=""><br>Desc</a>опять дохуя текса суперского<a href="http://domain.com/" title="" ><img src="thumb_3" alt="" title="">

<br>Desc</a>

Если не веришь и сомневаешься, то проведи эксперимент, это не долго и не трудно.