Difference between div + css layout and table layout

Source: Internet
Author: User
Tags file size

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

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.