2009-12-13 5 views
0

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

EDIT: левая колонка содержит описание и правильные данные. Поэтому я не думаю, что это хорошо подходит для таблиц. Было бы, если я переместила бы описание к голове стола, но это займет 2000 точек ширина

+2

Что не так с использованием таблицы? Похоже на данные таблицы мне :) –

+0

Правильное склонение «lang» в этом случае было бы «lange» :) –

+0

Я могу понять вашу проблему, но вы никогда не создали таблицу в своем любимом приложении для электронных таблиц с заголовками слева боковая сторона? Btw. HTML-тег DL означает «список определений», а не «список данных». И, на мой взгляд, определение является чем-то более-менее статичным. Но ваши данные варьируются от пользователя к пользователю.Но это более смысловая философия;) –

ответ

1

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

Это говорит:

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

и

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

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

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

Btw для всех не говорящих на немецком языке, Anrede означает приветствие.

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


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

1

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

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

+1

Очень раздражающая толпа фанатиков-пуристов CSS поразила столько страха перед столами в сердцах людей, что теперь они не решаются использовать их даже для табличных данных! * grumble * –

+0

нет совсем нет, может быть, я не был достаточно ясен, пояснил: в левом столбце содержится описание и правильные данные. Поэтому я не думаю, что это хорошо подходит для таблиц. Было бы, если бы я переместил описание в голову таблицы, но это займет 2000 пикселей. Ширина – antpaw

+0

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

1

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

+0

да, вот где проблема начинается! Каждая ячейка должна иметь высоту своей строки. – antpaw

+0

Я собирался протестовать, потому что «стандартная» компоновка DL имеет элементы на следующей строке из заголовков и иногда перекрывается. Но, конечно, CSS позволяет вам фиксировать формат, который будет выглядеть красиво. –

Смежные вопросы