Home >Web Front-end >HTML Tutorial >DIV CSS vs Table_html/css_WEB-ITnose

DIV CSS vs Table_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:33:161050browse

Recently I was responsible for beautifying the interface of the company's project. The nested tables were really terrible, which brought a lot of inconvenience to the interface. After patient rectification, it was finally completed.
Regarding the benefits of using DIV CSS instead of Table, I think the following points are included:
1. Greatly reduce page code, increase page browsing speed, and reduce bandwidth costs;
2. Easy to post-code Maintenance, shortening modification time and facilitating updates.
3. The structure is clear and the performance and content are truly separated, which is conducive to reconstruction.
Today, I saw a gardener say that the difference between div and table is not the speed, but the loading method, and I understand a little bit more.
Specifically:
The loading method of div is to load as soon as it is read. When encountering

but not encountering
, the content in the div will be loaded as much as it is read
The loading method of table is to load after completion. After encountering , before reading
, the content in the table is not loaded, or the transmission is interrupted (document.onload() event).
The loading method is also related to the browser version. If the browser version is higher, there is no difference

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn