Difference between div + css layout and table layout

I.Benefits of Using div + css for website layout

1: Separation of representation and content

Extract the design part and place it in an independent style file. Only text information is stored in the HTML file.

2: Improves the indexing efficiency of search engines on webpages

Replace nested tags with HTML that only contains structured content. The search engine will search your webpage content more effectively and may give you a higher rating.

3: Improves page browsing speed

For the visual effects of the same page, the size of the page reconstructed by CSS + DIV is much smaller than that of the page file encoded by TABLE. The former is generally only 1/2 of the size of the latter.

4: Easy to maintain and revise

You only need to modify several CSS files to redesign the page of the entire website. From the above description, the use of CSS + DIV for website reconstruction can greatly improve the friendliness of website users and search engines. CSS + DIV has become the mainstream web page layout.

II. Influence of table on seo

1Introduction: Why is it unwise to use table layout?

The table exists in HTML for the purpose of displaying the table-like data. However, border = "0" allows designers to place images and text in this invisible grid. So far, tables have dominated the design of visual websites, but they have hindered a better, more friendly, and more flexible way, and more powerful website design methods.

2Table problems

The format data is mixed into your content, which makes the file size unnecessary and the format information must be downloaded once you access each page.

Bandwidth is not free.

This makes it extremely labor-intensive (and expensive) to redesign existing sites and content ).

This also makes it extremely difficult and costly for us to maintain visual consistency across the entire site.

Table-based pages also greatly reduce their affinity for the disabled and those who use mobile phones or PDAs.

Www.111cn.net/cssdiv/css.html