W3C Compliance and Tableless Design

Tableless web design is a method of coding where the control of the page layout of a website is achieved without resorting to the use of HTML tables. Instead of tables, text and other elements on a page are positioned or arranged using CSS (Cascading Style Sheets). This language of CSS based tableless design was introduced by the World Wide Web Consortium (W3C). The design was made to improve web accessibility along with making use of HTML coding for semantic rather than presentational.

Advantages - Here are a few reasons as to why you should go tableless:
  • Projects are validated to W3C web standards which dictate the use of tableless design.
  • Compatibility with most browsers, as practically all browsers today support, CSS for controlling layouts.
  • Faster loading time: The use of CSS for layout further improves speed and load times of the web site as the CSS file is loaded once and is then cached by your internet browser. 
  • Making changes to a CSS based tableless layout is uncomplicated and straightforward. You need to make changes only to the CSS file, changing as many styles and graphics as you want. The changes get reflected through all the pages on the website, and the need to manually update many pages is eliminated. The use of CSS makes it is easier to make global changes to the layout.
  • Web site accessibility for people with special needs is done more easily with the proper implementation of content into XHTML documents. In this case, CSS is used only for the layout and style.
  • Unnecessary code generated from WYSIWYG editors such as FrontPage and DreamWeaver is eliminated with the use of XHTML and CSS, making it a clean, manageable and understandable code. The great benefit is that it not only makes it easier to update, but it also enables a non-technical user to make changes.
  • Visual consistency maintained throughout website and quick website update: To a great extent it is much faster and easier to maintain visual consistency throughout a website by using CSS. The reason being that CSS gives the programmer control over the elements that are used throughout the website, on a single page or on a few pages. They do not have to edit the code of every page, adjusting column widths, column heights, spacer gifs etc.
  • Another major advantage of coded websites and tableless designs is that these formats make it easier for search engines to index a web site and therefore have better rankings. The reason for better rankings is that the lesser the code on a website, the better the content-to code-ratio. Smaller file size, less code, content and javascript rollover effects, structural organization all these makes it easier for the Search Engine spiders to crawl through the website. By the use of CSS the website is ready for Search Engine Optimization.

It does not necessarily mean that because of the wide use of tableless formats for page layout control, tables are not being used anymore. They are merely not most favorable for presentation.

We at Ritwik provide table less web design with Web Standards and recommend CSS based layouts as a good option for accessibility, usability, hosting costs, having complex and unique layouts, quick website-wide updating, and clean, simplified and structured markup and for the overall performance of your website.