Designing web pages using tables has been replaced with pages with CSS layout in Web 2.0 sites. By using tables in specifying page layout, content and view of the page will be mixed and it won't be possible to have an abstractive view of each. there are many disadvantages in designing using tables some of which are:

  • Because of not having seperate view and content, whenever there is a need for changing the design of an element, that change has to be specified with that element in it's HTML code. This will cause heavy pages compared to CSS enabled pages where by defining a CSS rule, it would be possible to apply a design specification to a class of elements. This way, bandwidth usage will be less on the server and the client will have to wait less to view the page in his browser.
  • The second problem when not using CSS is that when a design feature of a class of elements needs to be changed, the change has to be set for each element separately. But if CSS is used, we can simply change the rule that is applied to the class and all elements will be shown differently in the browser.
  • When using CSS, different design rules can be specified for different client platforms. So to have different designs for mobile browsers or for print or even for different browsers, providing different CSS rules is enough, without a need for any change in HTML code.
  • Using CSS, we can have an absractive view of design and of content. So we can change either with least attention to the other. So for example if a page needs a change in design and not in content, changing the CSS rules with minimum or even no HTML code change will do it. So there will be a great save on maintenance.

Tagged with: ,