Список данных отображается в виде таблицы
-
19-09-2019 - |
Вопрос
Как я могу достичь этого макетаальтернативный текст http://img195.imageshack.us/img195/1870/screenshot20091212at151.jpg (теперь это сделано с помощью таблиц) и все еще есть семантическая разметка, я думаю, лучше всего для этого подойдет тег dl.Каждая ячейка должна иметь высоту своей строки.
РЕДАКТИРОВАТЬ:левый столбец содержит описание, а правый — данные.Поэтому я не думаю, что это хорошо подходит для таблиц.Было бы, если бы я переместил описание в заголовок таблицы, но для этого потребуется ширина 2000 пикселей.
Решение
Если вас беспокоит семантика и вы думаете, что именно по этой причине список определений подходит лучше, прочитайте это официальный документ о списке определений.
Там говорится:
Списки определений, созданные с использованием элемента DL, обычно состоят из серии пар термин/определение (хотя списки определений могут иметь и другие применения).
и
Списки определений лишь незначительно отличаются от других типов списков тем, что элементы списка состоят из двух частей:термин и описание.
Это означает термин (напр. Anrede
) описывается/определяется его описанием (например, Herr
).Здесь можно спорить, но Herr
на самом деле это не описание Anrede
это больше одно возможное значение/слово (данные), которое вы можете использовать как
Anrede
.И определение будет
Способ обращения к лицам в зависимости от пола, окончания учебы и т. д.
Кстати, для всех, кто не говорит по-немецки, Анреде означает приветствие.
Конечно, есть исключения, но с семантической точки зрения таблица подходит лучше.
Все, что я хочу сказать:Не обременяйте себя такими вещами.Чтобы добиться одинакового вида с помощью тегов DL и CSS, не стоит затрачивать усилий.На самом деле использовать таблицу для ваших данных — это нормально.
Другие советы
Если это табличная информация, то таблица не самое лучшее, это только разумный способ отобразить это — для этого и созданы таблицы!
Если быть более формальным, семантика ваших данных действительно табличная, и нет никаких причин лгать об этом.
я бы использовал <dl>
, потому что это всего лишь 2 столбца.