Использование вложенных списков вместо таблиц для отображения данных в HTML - PullRequest
Новая
       25

Использование вложенных списков вместо таблиц для отображения данных в HTML

2 голосов
/ 23 января 2011

Вместо использования таблиц HTML, я имею в виду просто использовать структуры вложенных списков для отображения табличных данных в будущем.

Например: 

<div class="table">
   <ul class="row">
      <li class="cell col-id"></li>
      <li class="cell col-name"></li>
      <li class="cell col-age"></li>
   </ul>
</div>

Мои причины:

  • Более удобные элементы стайлинга, чем tr s и td s.
  • ul / li элементы кажутся более гибкими с точки зрения параметров стилей, использования JQuery и т. Д.
  • Разве таблицы не тяжелые и отображаются одновременно?

С другой стороны, я не вижу никаких преимуществ в использовании таблиц HTML.

Я здесь далеко от базы? Если да, пожалуйста, объясните преимущества использования таблиц HTML, потому что я не могу вспомнить ни одной из них.

Ответы [ 2 ]

6 голосов
/ 23 января 2011

Для меня это ничем не отличается от использования таблиц для макета веб-страницы.Вы нарушаете семантику своей страницы, используя ul для представления табличных данных.Следующее не является исчерпывающим списком, но выдвигает на первый план некоторые причины, по которым я бы придерживался таблиц:

  1. Если кто-то просматривает вашу страницу с отключенным CSS, списки не сохранят внешний видтаблицы и будет трудно интерпретировать

  2. Программы чтения с экрана не смогут распознать, что это таблицы, что делает его проблемой доступности.Кроме того, это не так важно, но если кто-то захочет проанализировать ваши данные непосредственно с вашего сайта, ему придется выяснить формат вашего списка.

  3. Вы проиграете в некоторых изпреимущества thead, tfoot и tbody.Вдобавок ко всему, одно большое преимущество thead состоит в том, что если вы напечатаете таблицу, которая занимает несколько страниц, заголовки в thead будут отображаться на каждой странице над строками таблицы.

  4. Если вы решите использовать редактор WYSISYG, вы не сможете использовать некоторые из мастеров создания таблиц.

  5. Если другим придется поддерживать ваш сайт в будущем, они будутнеобходимо изучить особенности этой новой системы для представления табличных данных.

Это всего лишь несколько аргументов для использования таблицы.

Если вы решили пойти срешение по списку, я просто хотел пожелать удачи, и мне было бы интересно посмотреть, как оно работает.

3 голосов
/ 23 января 2011

Одна простая мысль: Таблица подразумевает табличную организацию информации, т.е. n-е значение каждой строки представляет один и тот же атрибут строки.Вложенные списки не подразумевают отношения между элементами в подчиненных списках.

У меня нет особых причин использовать один из других и с такими мощными инструментами, как jQuery, возможно, этоВы, безусловно, можете достичь того, что вы хотите с любой организацией.

Однако при прочих равных для простоты я бы попытался выбрать представление, которое наиболее естественно моделирует данные.Он сводит к минимуму «фактор неожиданности» для будущих сопровождающих (включая вас в будущем), и вы можете найти лучшую поддержку в инструментах, когда ваш сценарий соответствует ожидаемым сценариям использования (например, табличные данные в таблице).

Яне пытаюсь отговорить вас от этого - я просто даю вам кое-что рассмотреть, если вы еще этого не сделали.Но экспериментирование - это то, как мы учимся, исследование добавляет изюминку и ваше приложение.Я говорю, попробуй и посмотри.

...