Вопрос

Как я могу достичь этого макетаальтернативный текст http://img195.imageshack.us/img195/1870/screenshot20091212at151.jpg (теперь это сделано с помощью таблиц) и все еще есть семантическая разметка, я думаю, лучше всего для этого подойдет тег dl.Каждая ячейка должна иметь высоту своей строки.

РЕДАКТИРОВАТЬ:левый столбец содержит описание, а правый — данные.Поэтому я не думаю, что это хорошо подходит для таблиц.Было бы, если бы я переместил описание в заголовок таблицы, но для этого потребуется ширина 2000 пикселей.

Это было полезно?

Решение

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

Там говорится:

Списки определений, созданные с использованием элемента DL, обычно состоят из серии пар термин/определение (хотя списки определений могут иметь и другие применения).

и

Списки определений лишь незначительно отличаются от других типов списков тем, что элементы списка состоят из двух частей:термин и описание.

Это означает термин (напр. Anrede) описывается/определяется его описанием (например, Herr).Здесь можно спорить, но Herr на самом деле это не описание Anrede это больше одно возможное значение/слово (данные), которое вы можете использовать как Anrede.И определение будет

Способ обращения к лицам в зависимости от пола, окончания учебы и т. д.

Кстати, для всех, кто не говорит по-немецки, Анреде означает приветствие.

Конечно, есть исключения, но с семантической точки зрения таблица подходит лучше.


Все, что я хочу сказать:Не обременяйте себя такими вещами.Чтобы добиться одинакового вида с помощью тегов DL и CSS, не стоит затрачивать усилий.На самом деле использовать таблицу для ваших данных — это нормально.

Другие советы

Если это табличная информация, то таблица не самое лучшее, это только разумный способ отобразить это — для этого и созданы таблицы!

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

я бы использовал <dl>, потому что это всего лишь 2 столбца.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top