Dalek Dave Ответов: 7

Просто для ясности, таблицы над дивами...Что лучше?


Почему DIV лучше, чем TABLE?

Я очень стар и пользовался столами для йонков, но недавно меня отчитали.
Просто интересно, почему.

7 Ответов

Рейтинг:
56
Рейтинг:
43

Keith Barrow

Далек Дэйв писал:
Почему DIV лучше, чем TABLE?


По своей сути это не так. Tables лучше отображают табличные данные. Divs лучше справляются с созданием разделов на Вашей странице. Так что это лошади для курсов.

Далек Дэйв писал:
Просто интересно, почему


Это тема одной из многих междоусобных войн в ней. Профи-div утверждение (и я с ним согласен) заключается в том, что вы можете легко скинуть свой HTML любым способом, используя CSS. Взгляните на http://www.csszengarden.com/[^] (SFW), и посмотрите на несколько desgins. Это один и тот же HTML с разными применяемыми css. Это также помогает отделить стиль от разметки.

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


Рейтинг:
31

Niklas L

Здесь[^] также является маленьким помощником.


Dalek Dave

Спасибо! :)

Рейтинг:
2

Pete O'Hanlon

Многое зависит от того, хотите ли вы изменить положение элементов; кроме того, вы хотите, чтобы ваши элементы можно было читать с помощью программы чтения с экрана. Читатели экрана, как правило, ужасно проводят время с таблицами, потому что они могут в конечном итоге читать вещи не в том порядке, в каком вы их предполагаете.

Все сводится к тому, чтобы использовать инструмент, подходящий для данной работы. Если вы хотите отображать данные как в электронной таблице, используйте таблицу позиционирования divs, чтобы сделать это просто нонсенс. Если вы хотите изменить расположение контента или иметь сайт, который более удобен для SEO, то подумайте об использовании DIVS (SEO также может страдать от той же проблемы, что и программы чтения с экрана).


Рейтинг:
2

thatraja

Для табличных данных лучше всего использовать таблицу. но мы можем легко обрабатывать DIV динамически в JavaScript, например show/hide/position/etc. Я всегда использую таблицу внутри DIV.

<DIV ID="divData">
 <Table>
  <Tr>
   <Td>blah blah</Td>
   <Td>blah blah</Td>
  </Tr>
 </Table>
</DIV>

<a href="javascript:hidediv()">hide div</a>
<a href="javascript:showdiv()">show div</a> 

function showdiv() {
document.getElementById('divData').style.visibility = 'visible';
}
function hidediv() {
document.getElementById('divData').style.visibility = 'hidden';
} 


Рейтинг:
2

Dalek Dave

Спасибо, кажется, я не одинок в этом недоумении!

Я подозреваю, что дальнейшее чтение желательно, что-то делать сегодня вечером.

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


Рейтинг:
2

rajendra pratap singh

когда вы используете таблицу, страницы отображаются до тех пор,пока не будут загружены все данные, но в случае div они отображаются по мере загрузки всех страниц data.so вывод заключается в том, что время отклика для div быстрее по сравнению с таблицей.