Какой вариант лучше использовать?

[Modestes]

Задача встроить в слайд шоу табличные данные

Естественно на ум сразу пришла таблица.

Короткий пример:

<table>	

 <tr>
   <td>Дисковое место</td>
   <td>1Gb</td>
 </tr>

 <tr>
   <td>Дисковое место</td>
   <td>1Gb</td>
 </tr>

 <tr>
   <td>Дисковое место</td>
   <td>1Gb</td>
 </tr>

</table>

Строк намного больше если не ошибаюсь 18 и таких таблиц нужно около двадцати. Сами понимаете сколько кода.

Понимаю что если есть табличные данные, то обычно применяется таблица. Но уж больно не хочется её использовать из-за большого количества кода.

Сделал вот такой вариант:

<style>
div{width:300px;}
div span{float:right;}
</style>

<div>

   <p>Дисковое место<span>1Gb</span></p>
   <p>Дисковое место<span>1Gb</span></p>
   <p>Дисковое место<span>1Gb</span></p>

</div>

Кода естественно намного меньше.

Как вы считаете, лучше все таки использовать таблицу или же можно воспользоваться вторым вариантом?

[troll]

Возможно, вам подойдет элемент dl, но пример слишком короткий, чтобы утверждать это определенно.

[Modestes]

Возможно, вам подойдет элемент dl, но пример слишком короткий, чтобы утверждать это определенно.

Нет, определения мне не подойдут, это ведь строчная таблица.

Полный пример выкладывать смысла нет, из короткого все понятно, тупо представьте что там не 3 строки, а 18

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

[troll]

В HTML5 dl - список групп ключ-значение, так что можно его использовать для разных целей. Например, так:

    <dl>
        <dt>Дисковое место</dt>
        <dd>1Gb</dd>
        <dt>Дисковое место</dt>
        <dd>1Gb</dd>
        <dt>Дисковое место</dt>
        <dd>1Gb</dd>
    </dl>

Еще можно сократить ваш вариант c table:

<table> 

 <tr>
   <td>Дисковое место
   <td>1Gb

 <tr>
   <td>Дисковое место
   <td>1Gb

 <tr>
   <td>Дисковое место
   <td>1Gb

</table>

Edited May 11, 2012 by troll

[Modestes]

В HTML5 dl - список групп ключ-значение, так что можно его использовать для разных целей. Например, так:

    <dl>
        <dt>Дисковое место</dt>
        <dd>1Gb</dd>
        <dt>Дисковое место</dt>
        <dd>1Gb</dd>
        <dt>Дисковое место</dt>
        <dd>1Gb</dd>
    </dl>

Или я что-то недопонимаю или вы меня не поняли

На сколько я знаю, в HTML5 этот тег ничего нового не заимел. Так что разницы нет между 4кой и 5кой никакой.

Вариант с dl будет отображаться таким образом:

"термин"

——--"определение"

(показано в описании данного тега с примером отображения)

т.е с переносом строки и отступом, что собственно и характерно для определения.

Может можно вложить dd в dt что думаю вряд ли, но это все равно что использовать мой 2й вариант с div p и span

Edited May 11, 2012 by Modestes