На сервисе Blogus список топ-блогов раньше был представлен таблицей с примерно такими полями:
- позиция
- блог
- рейтинг в Яндекс
- рейтинг в Технорати
Теперь они переделали все в список с вольным текстом, чем создали отличный показательный пример того, зачем на вебе нужны таблицы :-).
То есть стало, мне кажется, хуже:
- визуально искать конкретный блог по вертикали труднее, потому что названия перемежаются с другим текстом
- в этом самом тексте совершенно теряются цифры
- этот совершенно одинаковый текст постоянно повтоярется в HTML, а значит страница стала тяжелей
- невозможно выделить и выкопировать таблицу в Excel
- невозможно отсортировать таблицу по полям рейтингов каким-нибудь браузерным плагином, работающим с таблицами (это довольно гипотетически, но все же)
- (чисто субъективно!) стало менее привлекательно выглядеть
Антон, скажи пожалуйста, зачем так было сделано? Какие плюсы?
Кстати, в связи с этим я подумал, что такого внешнего вида вполне можно добиться, оставив таблицу структурно таблицей. Это я не к тому, что так надо делать, просто это интересный технический момент.
Итак, HTML:
<table id="rating">
<tr>
<td class="rating">1
<td class="name"><a href="...">Суперблог</a>
<td class="ya">9999
<td class="tr">8888
<tr>
<td class="rating">2
<td class="name"><a href="...">Типа-блог</a>
<td class="ya">500
<td class="tr">600
<tr>
<td class="rating">3
<td class="name"><a href="...">Недоблог</a>
<td class="ya">10
<td class="tr">-2
</table>
CSS:
#rating td {
float:left;
}
#rating tr {
display:block; overflow:hidden;
}
#rating .rating:after {
content:'. ';
}
#rating .name {
padding-left:1em;
}
#rating .ya {
clear:left;
}
#rating .ya:after {
content:' ссылок в Яндексе; ';
}
#rating .tr:after {
content:' ссылок в Технорати.';
}
В Excel теперь все копируется "на ура"! Работает, правда, только в CSS2-браузерах (кстати, у кого новые Опера или Safari под рукой, не поленитесь проверить, а?).
Комментарии: 5
В опере 9 работает хорошо
Спасибо за комментарий, я с этой точки зрения не задумывался. Я еще пособираю фидбэк на эту тему, возможно, просто сделаем два варианта + экспорт в Excel, если потребуется. Мы сейчас вообще дизайн переделываем, скоро будет обновление.
Дело, собственно, не в самом Excel'е. Просто если табличные данные оформлены как таблица, всякий разный софт может это использовать. Скопированная таблица и при вставке в простой текстовый редактор будет правильно разбита на колонки.
В Safari работает и в Excel вставляется.
глючит на файрфоксе, если включено "Allow text to be selected" в адвансед ->