Sunday, June 28, 2009

Merits of CSS sites over Tabled sites

Always you may have heard the terms like tableless designs, CSS based sites etc. If you have always thought that why you should leave table based designs and take tableless designs, then here are the suggestions to your thoughts. The key benefits of CSS based sites on tabled sites are:
  1. Using CSS, sites code reduction will be 1/5th comparing to tabled sites.
  2. The site's code is now fully semantic. It is not only understandable to human but also to search engines.
  3. Reduction in code results in fast loading of pages helping users to browse the site easily which also reduce the bandwidth consumption.
  4. CSS and HTML codes are validated ensuring consistence of the site in different platforms of operating systems and browsers.
  5. Changing the way to use CSS and HTML improved the site's crawl for search engine spiders, who cannot understand JavaScript based dynamic codes.
  6. Removal of stylish flash titles and banners, with search engine friendly attractive CSS titles and banners.


Thus these helped users as well with fast loading and properly displaying sites, with easy understanding of content placement. This also helped search engine spiders to crawl sites.


There are also some demerits of using CSS sites.

It may not similar in all browsers and there may slight difference in different browsers. You have to do some cross-browser compatibility tests and fixes. But overall it gives you more control and benefits than tabled designs. So start designing CSS based HTML sites, rather than table based sites.

Some of the websites I did using CSS are

  1. http://a1teamindia.in
  2. http://www.corporater.com
  3. http://www.roadmapstrategy.com
  4. http://www.paulniven.com
  5. http://abetterlifenow.net

1 comment:

Anonymous said...
This comment has been removed by a blog administrator.