The difference between div+css layout and traditional table layout

Source: Internet
Author: User

Why do we use the DIV+CSS layout without having to pass the traditional table layout
I. The benefits of using the DIV+CSS website layout
1: Performance and content phase separation

The design part is stripped out and placed in a stand-alone style file, where only textual information is stored in the HTML file.

2: Improve indexing efficiency of search engines on Web pages

Using HTML that contains only structured content instead of nested tags, search engines will more effectively search your Web content and may give you a higher rating.

3: Improve page browsing speed

For the same page visual effect, the page size with Css+div refactoring is much smaller than that of the table-encoded paging file, which typically has only 1/2 of the latter.

4: Easy Maintenance and revision

You can redesign the entire site's pages by simply modifying a few CSS files.

From the above description, the use of Css+div to the site reconfiguration can greatly enhance the site users and search engine friendliness, css+div so become the current page layout mainstream.

Two. Use table tables to influence SEO

1. Brief introduction: Why is it unwise to use table typesetting?

The table exists in HTML only for one purpose: display tabular data. However, since then the border= "0" allows designers to put pictures and text in the invisible grid. So far, tables dominate the design of visually-rich websites, but they hinder a better, more approachable, more flexible, and more powerful approach to web design.

2. Problems caused by the form

Mix the format data into your content.

This makes the file size unnecessarily large, and users must download such formatting information once they visit each page.

Bandwidth is not free.

This makes the redesign of existing sites and content extremely labour-intensive (and expensive).

It also makes it extremely difficult and expensive to keep our entire site visually consistent.

The tabular page also greatly reduces its affinity for people with disabilities and viewers using mobile phones or PDAs.

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.